﻿@charset "utf-8";
@import url("style.css");
body { font-family:'Noto Sans KR', DroidSansFallback, 'Droid Sans', '맑은고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica,sans-serif; }


button:focus, a:focus { _outline:1px solid rgba(0,0,0,0.2); }
html, body, .wrap, .area { height:100%; }
html { color:#666; font-size:13px; letter-spacing:-0.03em; }
_a:active { background-color:rgba(0,0,0,.1); }
img { max-width:100%; }


/* */
.c_red { color:#ff2c31; }
.purple { color:#765eeb !important; }
.orange { color:#f77e4d !important; }
.black5 { color:#555 !important; }
.area { margin:0 auto; min-width:320px; }
.hText { position:absolute; z-index:-1; overflow:hidden; width:0; height:0; }
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.br { display:block; }
.comBg { background-color:#fff; }
.scrollOff { overflow:hidden !important; }
.comText, .txtDate, .comTa { border-radius:0; }
input[type='checkbox'], input[type='radio'] { position:relative; top:-1px; }
.txtDate:focus, .comText:focus, .comTa:focus { outline:1px solid #96b8ef; }
.dfcolor333 { color:#333; }

/* */
.comTa::-webkit-input-placeholder { color:#666; }
.comTa::-moz-input-placeholder { color:#666; }
.comTa::-moz-ms-input-placeholder { color:#666; }
.txtDate, .comText { color:#5e5e5e; padding:9px 0; height:38px; line-height:20px; border:0; border-radius:0; background-color:#fff; appearance:none; -webkit-appearance:none; box-sizing:border-box; -webkit-box-sizing:border-box; }
.lbDate .txtDate { border:0; width:100%; padding-left:8px; outline:0 !important; }
.txtDate::-webkit-input-placeholder, .comText::-webkit-input-placeholder { color:#666; }
.txtDate::-moz-placeholder, .comText::-moz-placeholder { color:#666; opacity:1; }
.txtDate:-ms-input-placeholder, .comText:-ms-input-placeholder { color:#666; }
.txtBg { display:block; box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:30px; position:relative; }
.txtBg, .comSelect { border:1px solid #ddd; border-radius:0; }
.txtBg, .txtBg .comText, .comSelect { background-color:#fff; color:#333; }
.txtBg .comText { width:100%; background-color:transparent; padding-left:8px; border-radius:0; outline:0 !important; }
.txtBg.readonly { background-color:#dff1ff; }
.txtBg.readonly .comText { background-color:#dff1ff; }
.txtBg.focus { outline:1px solid #96b8ef; z-index:1; }
.chkBg, .rdoBg { -webkit-appearance:none; border:0; border-radius:0; position:relative; top:-1px; background-color:transparent; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; background-size:500px auto; }
.chkBg { width:19px; height:19px; background-position:-375px -50px; }
.chkBg:checked { background-position:-350px -50px; }
.rdoBg { width:19px; height:19px; background-position:-275px -100px; }
.rdoBg:checked { background-position:-250px -100px; }
/* */
.txtBg { position:relative; }
.txtBg .btDel { display:none; position:absolute; z-index:1; width:20px; height:20px; position:absolute; right:6px; top:50%; margin-top:-10px; overflow:hidden; text-indent:-999px; border:0; border-radius:50%; appearance:none; -webkit-appearance:none; background:url('../images/common/icons.png') no-repeat 0 -75px; background-size:500px auto; }
.lbDate { padding-right:40px; display:block; position:relative; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; }
.lbDate:after { content:"\00a0"; position:absolute; width:19px; height:15px; top:50%; margin-top:-8px; right:10px; background:url('../images/common/icons.png') no-repeat -175px -50px; background-size:500px auto; }
.lbDate.focus { outline:1px solid #96b8ef; z-index:1; }
.selectbox .txt, .comText, .comTa, .txtDate { font-size:15px; color:#222; }
.selectbox select { font-size:15px; }

/* loading */
.loadings { z-index:10000; position:fixed; top:-50px; left:-50px; bottom:-50px; right:-50px; background-color:rgba(255,255,255,0.6); animation:loading_show 0.2s 1 linear; -webkit-animation:loading_show 0.2s 1 linear; }
.loadings>div { width:68px; height:68px; position:fixed; left:50%; margin:-34px 0 0 -34px; top:50%; }
.loadings>div:after, .loadings>div>i  { position:absolute; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; background-size:500px auto;  }
.loadings>div:after { content:""; z-index:1; top:50%; left:50%; margin:-20px 0 0 -18px; width:36px; height:39px; background-position:-75px -150px; animation:flash 1s infinite linear; -webkit-animation:flash 1s infinite linear; }
.loadings>div>i { animation:loading 1s infinite linear; -webkit-animation:loading 1s infinite linear; width:100%; height:100%; top:0; left:0; background-position:0 -125px; }
.loadings.inner { position:absolute; top:0; left:0; bottom:0; right:0; }
.loadings.inner>div { position:absolute; }
@keyframes loading {
	0% { transform:rotate(0); }
	100% { transform:rotate(360deg); }
}
@-webkit-keyframes loading {
	0% { -webkit-transform:rotate(0); }
	100% { -webkit-transform:rotate(360deg); }
}
@keyframes loading_show {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes loading_show {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes flash {
	0% { opacity:0.5; }
	50% { opacity:1; }
	100% { opacity:0.5; }
}
@-webkit-keyframes flash {
	0% { opacity:0.5; }
	50% { opacity:1; }
	100% { opacity:0.5; }
}

/* scroll */
.scroller { position:relative; overflow:hidden; border:1px solid transparent; box-sizing:border-box; -webkit-box-sizing:border-box; }
.scroller .scrollarea { position:absolute; left:0; top:0; min-height:100%; min-width:100%; }
.scrollbar { position:absolute; background-color:rgba(0,0,0,.3); overflow:hidden; }
.scrollbar .thumb { position:absolute; background-color:rgba(0,0,0,.3); }
.scrollbar.horizontal { width:5px; top:0; bottom:0; right:0; }
.scrollbar.horizontal .thumb { width:100%; }
.scrollbar.vertical { left:0; right:0; bottom:0; height:5px; }
.scrollbar.vertical .thumb { height:100%; }

/* dropdownlist */
.dropLst { display:inline-block; *display:inline; *zoom:1; *z-index:1; position:relative; vertical-align:middle; height:28px; }
.dropLst .txt { position:relative; display:block; text-align:center; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:26px; background:url('../images/common/sel_ar.png') no-repeat 100% 47% #fff; padding:0 23px 0 10px; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; top:100%; z-index:9; width:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { margin-top:-1px; background-color:#fff; max-height:300px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > label:hover > span,
.dropLst ul > li > label.hover > span { background-color:#ccc; }
.dropLst .txt, .dropLst ul { border:1px solid #e1e1e1; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:26px; white-space:nowrap; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst .txt, .dropLst li label.on span { font-weight:bold; color:#222; }
.dropLst li span, .dropLst li a { display:block; }
/* */
/* select box */
.selectbox { display:inline-block; position:relative; vertical-align:middle; }
.selectbox .txt { position:relative; display:block; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px 34px 5px 10px; height:28px; line-height:28px; border:1px solid #ddd; color:#222; }
.selectbox .txt:after { position:absolute; content:"\00a0"; right:10px; top:50%; margin-top:-4px; width:14px; height:8px; background:url('../images/common/icons.png') no-repeat -150px -50px; background-size:500px auto; }
.selectbox .txt.focus { outline:1px solid #96b8ef; z-index:1; }
.selectbox select { position:absolute; z-index:1; left:0; bottom:0; height:100%; padding:0; border:0; width:100%; padding:0 10px; opacity:0; color:#666; background-color:#fff; -webkit-appearance:none; -moz--webkit-appearance:none; box-sizing:border-box; -webkit-box-sizing:border-box; }
.selectbox select::-ms-expand { display:none; }
.comTa { border:1px solid #ddd; width:100%; padding:8px; }

/** JQuery datepicker css */
#ui-datepicker-div { margin-top:3px; margin-left:-5px; padding:10px 9px !important; border-radius:0 !important; font-size:13px; z-index:12 !important; -webkit-perspective:1; border-color:#ddd; box-shadow:1px 1px 3px rgba(0,0,0,.4); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.4); }
.ui-widget { font-family:'Noto Sans KR', DroidSansFallback, 'Droid Sans' !important; }
.ui-datepicker-header { padding:0 !important; background:none !important; border:none !important; margin-bottom:0 !important; }
.ui-datepicker .ui-datepicker-title { color:#7858f0; height:24px; line-height:24px !important; font-size:15px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background:none !important; border:none !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top:1px !important; width:24px !important; height:24px !important; }
.ui-datepicker-prevYear:before, .ui-datepicker-nextYear:before,
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { width:8px !important; height:14px !important; background-image:url('../images/common/icons.png') !important; background-repeat:no-repeat !important; background-size:500px auto !important; margin:-7px 0 0 -4px !important; }
.ui-icon-circle-triangle-w { background-position:-75px -75px !important; }
.ui-icon-circle-triangle-e { background-position:-100px -75px !important; }
.ui-datepicker-prevYear, .ui-datepicker-nextYear { top:1px; width:24px; height:24px; overflow:hidden; position:absolute; }
.ui-datepicker-prevYear > span, .ui-datepicker-nextYear > span { opacity:0; height:100%; display:block; position:absolute; }
.ui-datepicker-prevYear { left:10px; }
.ui-datepicker-nextYear { right:10px; }
.ui-datepicker-prevYear:before, .ui-datepicker-nextYear:before { position:absolute; content:""; top:50%; left:50%; width:14px !important; margin-left:-7px !important; }
.ui-datepicker-prevYear:before { background-position:-125px -75px !important; }
.ui-datepicker-nextYear:before { background-position:-150px -75px !important; }
.ui-datepicker .ui-datepicker-next { right:40px !important; }
.ui-datepicker .ui-datepicker-prev { left:40px !important; }
.ui-state-disabled span { border:none !important; background:none !important; text-align:center !important; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:2px; }
@media all and (min-width:721px) { 
    .ui-state-hover { color:#222 !important;  font-weight:bold !important; }
}
.ui-datepicker table { margin-bottom:0 !important; }
.ui-datepicker-calendar { border-top:0 !important; }
.ui-datepicker-calendar th { padding:0 !important; border:0 !important; background-color:transparent !important; height:32px; font-weight:normal; color:#222; }
.ui-datepicker-calendar td { padding:3px !important; border:2px solid #fff !important; background-color:#f4f1f9; }
.ui-datepicker-calendar thead tr th:first-child,
.ui-datepicker-calendar tbody .ui-datepicker-week-end { color:#ee4651; }
.ui-datepicker-calendar td:first-child a { color:#ee6655 !important; }
.ui-datepicker-calendar td a { background:none !important; border:none !important; text-align:center !important; }
.ui-datepicker-today { background-color:#dfdbe5 !important; }
.ui-datepicker-current-day { background-color:#7858f0 !important; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { color:#fff !important; }
.datepickerArea { margin-bottom:30px; }
.datepickerArea .dpclose { z-index:3; position:absolute; top:15px; right:5px; width:30px; height:30px; }
.datepickerArea .dpclose em { position:absolute; opacity:0; }
.datepickerArea .dpclose:before { content:"\00a0"; position:absolute; width:14px; height:14px; top:50%; left:50%; margin:-7px 0 0 -7px; background:url('../images/common/icons.png') no-repeat -275px -50px; background-size:500px auto; overflow:hidden; }
.datepickerArea #ui-datepicker-div { padding:15px 9px 8px !important }
.datepickerArea .ui-datepicker .ui-datepicker-prev,
.datepickerArea .ui-datepicker .ui-datepicker-next { width:25px !important; height:25px !important; top:3px !important; }
.datepickerArea .ui-icon-circle-triangle-w,
.datepickerArea .ui-icon-circle-triangle-e { margin:0 !important; left:0 !important; top:0 !important; width:100% !important; height:100% !important; background:url('../images/common/icons.png') !important; background-repeat:no-repeat !important; background-size:500px auto !important; }
.datepickerArea .ui-icon-circle-triangle-w { background-position:-200px -50px !important; }
.datepickerArea .ui-icon-circle-triangle-e { background-position:-225px -50px !important; }
.datepickerArea .ui-datepicker .ui-datepicker-title { font-size:18px; height:32px; line-height:32px !important }
.datepickerArea .ui-datepicker { box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; padding:15px 9px 8px; border-radius:0; border-color:#ddd; }
.datepickerArea .ui-datepicker table { font-size:14px; margin-bottom:0; }
.datepickerArea .ui-datepicker .ui-datepicker-header { padding:0; padding-bottom:7px !important; }
.datepickerArea .ui-datepicker-calendar td { height:32px; }
.datepickerArea .ui-datepicker .ui-datepicker-next { right:40px !important; }
.datepickerArea .ui-datepicker .ui-datepicker-prev { left:40px !important; }
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span { text-indent:0; color:transparent; overflow:hidden; }

/* */
.container { min-height:100%; }
.subContents { padding:30px 15px; }
.hh1 { position:absolute; opacity:0; z-index:-1; }
.mline { white-space:normal !important; }
.comPadding { padding-left:15px; padding-right:15px; }
.tit, .st { font-size:17px; font-weight:700; color:#222; line-height:1.2; }
.btn_pri { background-color:#7858f0; color:#fff; }
.btn_sec { background-color:#767676; color:#fff; }
.btn_thr { background-color:#666; color:#fff; }
.btn_for { background-color:#e5e5e5; color:#fff; }
.editorText { line-height:1.5; word-break:break-all; }
.editorText img { height:auto !important; }
.editorText table { max-width:100%; width:100% !important; table-layout:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.editorText .dep1 { padding-left:0.538em; text-indent:-0.538em; }
.guideDesc .lnks, *[class*="btn_link"] { color:#ff2c31; font-weight:bold; position:relative; display:inline-block; margin:12px 0; border:1px solid #ff9598; line-height:22px !important; padding-left:10px; padding-right:20px !important }
.btn_link.btn_ed { margin-bottom:0; }
.guideDesc .lnks:after,
.btn_link:after { content:""; position:absolute; top:50%; right:8px; margin-top:-4px; width:5px; height:8px; background:url('../images/common/icons.png') no-repeat -50px -50px; background-size:500px auto; }
.guideDesc .lnks:after,
.btn_larr:after { background-position:-75px -50px; }
.ibr { padding:0 4px 0 2px; font-style:normal; font-size:9px; position:relative; top:-2px; }

/* tab */
.tabList { display:table; table-layout:fixed; width:100%; }
.tabList > li { display:table-cell; vertical-align:top; }
.tabList a { display:block; text-align:center; font-size:14px; color:#767676; position:relative; line-height:44px; white-space:nowrap; }
.tabList a:before { content:""; position:absolute; bottom:-1px; height:3px; opacity:0; background-color:#7858f0; left:50%; right:50%; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
.tabList a > em { display:inline-block; max-width:98%; vertical-align:middle; position:relative; top:-2px; line-height:1.2; white-space:normal; }
.tabList a:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.tabList .on { color:#7858f0; }
.tabList .on:before { left:0; right:0; opacity:1; }
.tabs { display: block; }
.tabs > li { display: none; }
.tabs > li.on { display: block; }

/* 상세정보 */
.showDescription { margin:-30px -15px; }
.showDescription .perform_visual { position:relative; overflow:hidden; }
.showDescription .perform_visual .ex_link { display:block; height:100px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; position:relative; }
.showDescription .perform_visual .ex_link em { opacity:0; position:absolute; }
.showDescription .perform_visual .mov { position:absolute; top:0; left:0; bottom:0; right:0; }
.showDescription .perform_visual .mov:after { content:""; position:absolute; z-index:1; left:50%; top:50%; margin:-18px 0 0 -18px; width:36px; height:36px; background:url('../images/common/icons.png') no-repeat -125px -125px; background-size:500px auto; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
.showDescription .perform_visual .mov:active:after { transform:scale(0.85, 0.85); -webkit-transform:scale(0.85, 0.85); }
.showDescription .perform_info { padding:0 15px; }
.showDescription .info_short { position:relative; z-index:1; padding-bottom:15px; border-bottom:1px solid #eee; }
.showDescription .info_short:after { content:""; display:block; clear:both; }
.showDescription .info_short .poster { float:left; width:85px; overflow:hidden; margin-top:-25px; }
.showDescription .info_short .show_title { padding-top:12px; }
.showDescription .info_short .show_title .tit { line-height:1.2; }
.showDescription .info_short .poster + .show_title { padding-left:100px; }
.showDescription .info_short .per_date { color:#222; font-weight:bold; padding-top:6px; line-height:1.1; }
.showDescription .info_short .status { display:block; padding-bottom:7px; font-size:12px; color:#7858f0; font-weight:normal; line-height:1; }
.showDescription .info_short .info_sum { padding-top:6px; color:#767676; overflow:hidden; }
.showDescription .info_short .info_sum > *:last-child { display:block; padding-right:42px; }
.showDescription .info_short .info_sum .hall_info { margin-left:-5px; }
.showDescription .info_short .info_sum .hall_info:after { content:""; display:block; clear:both; }
.showDescription .info_short .info_sum .hall_info > li { float:left; padding:0 5px; background:url('../images/common/b_line_01.png') no-repeat 0 50%; background-size:1px auto; }
.showDescription .info_short .info_sum .hall_info .dis_info { padding-top:0; }
.showDescription .info_short .info_sum .dis_info { font-size:12px; color:#7858f0; padding-top:5px; }
.showDescription .info_short .snsList { position:absolute; z-index:1; bottom:-1px; right:0; height:30px; }
.showDescription .info_short .snsList .iconBg { overflow:hidden; display:block; position:relative; height:30px; width:30px; background:url('../images/common/icons.png') no-repeat 0 0; background-size:500px auto; }
.showDescription .info_short .snsList .iconBg > em { opacity:0; position:absolute; overflow:hidden; }
.showDescription .info_short .snsList .btSns { background-position:0 0px; }
.showDescription .info_short .snsList.on .btSns, .showDescription .info_short .snsList .btSns.on { background-position:-50px 0px; }
.showDescription .info_short .snsList .fb { background-position:-100px 0px; }
.showDescription .info_short .snsList .blog { background-position:-150px 0px; }
.showDescription .info_short .snsList .kakao { background-position:-200px 0px; }
.showDescription .info_short .snsList .addr { background-position:-250px 0px; }
.showDescription .info_short .snsList .list { position:absolute; right:30px; top:0; opacity:0; width:0; overflow:hidden; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
.showDescription .info_short .snsList .list:after { content:""; display:block; clear:both; }
.showDescription .info_short .snsList .list > li { float:left; overflow:hidden; width:0; transition:width 0.2s ease; -webkit-transition:width 0.2s ease; }
.showDescription .info_short .snsList.on .list { opacity:1; width:120px; }
.showDescription .info_short .snsList.on .list > li { width:30px; }
.showDescription .summarys { padding:18px 0; line-height:1.3 }
.showDescription .summarys .desc { table-layout:auto; width:100%; border:0; }
.showDescription .summarys .desc tr > * { vertical-align:top; font-weight:normal; border:0; }
.showDescription .summarys .desc tr + tr > * { padding-top:6px; }
.showDescription .summarys .desc .th { color:#999; padding-right:10px; white-space:nowrap; }
.showDescription .summarys .desc .td { color:#767676; overflow:hidden; }
.showDescription .summarys .desc .date { color:#222; display:block; }
.showDescription .summarys .desc .date + .wtime { margin-top:4px; }
.showDescription .summarys .desc .wtime { margin-left:-10px; }
.showDescription .summarys .desc .wtime > span { position:relative; padding-left:10px; display:inline-block; vertical-align:middle; }
.showDescription .summarys .desc .wtime > span:before { content:"/"; width:10px; text-align:center; position:absolute; left:-2px; margin-top:-1px; }
.showDescription .summarys .atxt { margin-top:12px; padding-top:12px; color:#ff2c31; font-size:12px; font-weight:bold; border-top:1px solid #eee; }
.showDescription .summarys .atxt .x { text-indent:-1.154em; padding-left:1.154em; }
.showDescription .btn_sticky { min-height:60px; top:0; z-index:1; position:relative; padding-bottom:20px; }
.showDescription .btn_sticky .fix_cont { position:relative; width:100%; background-color:rgba(255,255,255,0.9); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transition:box-shadow 0.2s ease; -webkit-transition:box-shadow 0.2s ease; /* max-width:720px;  */ }
.showDescription .btn_sticky.active .fix_cont { position:fixed; top:0; z-index:9; box-shadow:0 1px 3px rgba(101,101,101,0.4); -webkit-box-shadow:0 2px 3px rgba(101,101,101,0.4); }
.showDescription .showLinks { padding:10px 15px; display:table; table-layout:fixed; width:100%; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; /* max-width:720px; */ }
.showDescription .showLinks > li { display:table-cell; vertical-align:top; }
.showDescription .showLinks > li + li .btn_pri { border-left:1px solid #b19cff; }
.showDescription .showLinks > li + li .btn_sec { border-left:1px solid #767676; }
.showDescription .showLinks .btn { display:block; line-height:40px; text-align:center; font-size:15px; }
.perform_desc { border-top:1px solid #eee; }
.perform_desc .tabList { border-bottom:1px solid #eee; }
.perform_desc .tabs > li { background-color:#fafafa; }
.perform_detail > li { padding:18px 15px 20px; }
.perform_detail > li + li { border-top:1px solid #ececec; }
.perform_detail .ta_tit { color:#222; font-size:17px; margin-bottom:16px; line-height:1.1; font-weight:bold; }
.perform_detail .price_info > li { display:table; table-layout:fixed; width:100%; }
.perform_detail .price_info > li + li { margin-top:5px; }
.perform_detail .price_info > li > * { display:table-cell; vertical-align:middle; white-space:nowrap; }
.perform_detail .price_info em { text-align:right; font-weight:bold; width:35%; }
.perform_detail .price_info strong { text-align:left; color:#555; }
.perform_detail .price_info strong:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:3px; height:3px; background-color:#555; margin-right:5px; }
.perform_detail .grade_info strong:before { display:none; }
.perform_detail .grade_info strong > i { display:inline-block; vertical-align:middle; position:relative; top:-1px; width:10px; height:10px; margin-right:12px; }
.perform_detail .grade_info .v:before { background-color:#8a6ef5; }
.perform_detail .grade_info .r:before { background-color:#fd8ab3; }
.perform_detail .grade_info .s:before { background-color:#00cc39; }
.perform_detail .grade_info .a:before { background-color:#8ac0fd; }
.perform_detail .grade_info .b:before { background-color:#ffc571; }
.perform_detail .tb_perf_info { table-layout:auto; max-width:100%; font-weight:bold; margin-bottom:5px; }
.perform_detail .editorText .tb_perf_info { width:auto !important; }
.perform_detail .tb_perf_info tr > * { vertical-align:top; }
.perform_detail .tb_perf_info tr + tr > * { padding-top:5px; }
.perform_detail .tb_perf_info th { padding-right:15px; color:#555; }
.perform_detail .tb_perf_info.td_price { width:100%; }
.perform_detail .tb_perf_info.td_price td { text-align:right; white-space:nowrap; } 
.perform_detail .tb_perf_info .right { text-align:right; }
.perform_detail .tb_perf_info .red { color:#ff2c31; }
.perform_detail .tb_perf_info .dot { display:inline-block; white-space:nowrap; position:relative; top:-1px; }
.perform_detail .tb_perf_info .dot:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-2px; width:3px; height:3px; background-color:#555; margin-right:5px; }
.perform_detail .hid_discount { padding-top:8px; position:relative; overflow:hidden; color:#555; display:none; }
.perform_detail .hid_discount dt { background-color:#fff2f1; font-weight:bold; font-size:14px; line-height:1.1; padding:10px 15px; }
.perform_detail .hid_discount dd { padding:10px 15px; line-height:1.65; background-color:#fff; }
.perform_detail .hid_discount dd .per:first-child { margin-top:0; }
.perform_detail .hid_discount .per { font-weight:bold; margin-top:5px; }
.perform_detail .hid_discount .btn_link { margin:5px 0; }
.perform_detail .hid_discount a { color:#ff2c31; display:inline-block; padding:0 6px; white-space:nowrap; }
.perform_detail .hid_discount a font { color:#ff2c31 !important; }
.perform_detail .btn_discount { position:relative; display:block; margin:15px -15px -20px; height:34px; text-align:center; line-height:34px; border-top:1px solid #ececec; }
.perform_detail .btn_discount:before { content:""; height:6px; width:10px; position:absolute; top:50%; left:50%; margin:-3px 0 0 -5px; background:url('../images/common/icons.png') no-repeat 0 0; background-size:500px auto; background-position:0 -50px; }
.perform_detail .btn_discount em { opacity:0; position:absolute; }
.perform_detail .btn_discount.on:before { background-position:-25px -50px; }
/* 강좌 */
.teacher_profile { padding:30px 0 20px; color:#555; }
.teacher_profile .teacher_info { padding:0 15px 18px; }
.teacher_profile .teacher_info .tpic { padding-bottom:15px; text-align:center; }
.teacher_profile .teacher_info .tpic img { width:100%; max-width:none; }
@media all and (min-width:720px) { 
	.teacher_profile .teacher_info .tpic { max-width:720px; } 
}
.teacher_profile .teacher_info dt.name { line-height:1.3; }
.teacher_profile .teacher_info dt.name b { float:left; font-size:17px; color:#222; font-weight:bold; line-height:1.1; display:inline-block; margin-right:5px; }
.teacher_profile .teacher_info dt.name .dsc { float:left; padding-top:3px; font-size:12px; }
.teacher_profile .teacher_info dt.name:after { content:""; display:block; clear:both; }
.teacher_profile .teacher_info dd { margin-top:10px; }
.teacher_profile .teacher_info .dot { text-indent:-0.615em; padding-left:0.615em; }
.teacher_profile .teacher_info .dot + .dot { margin-top:5px; }
.teacher_profile .teacher_info .dot:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:3px; height:3px; background-color:#555; margin-right:5px; }
.teacher_profile .editorText { padding:18px 15px 0; border-top:1px solid #eee; font-size:12px; }
/* 커리큘럼 */
.curriculum { padding:30px 15px; }
.curriculum > li { border-bottom:1px solid #eee; }
.curriculum > li:first-child { border-top:1px solid #eee; }
.curriculum > li:nth-child(even) { background-color:#fff; }
.curriculum dl { display:table; table-layout:fixed; width:100%; }
.curriculum dl > * { display:table-cell; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; padding:12px 5px; }
.curriculum dl dt { width:125px; padding-left:20px; font-size:12px; font-weight:bold; }
.curriculum dl dd { padding-left:10px; }
.curriculum .noData { height:100px; }

/* common list */
.noData { padding:10px; width:100%; text-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:box; box-pack:center; box-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; }
.comList .writeBtns { padding-bottom:30px; margin-bottom:30px; }

/* list info */
.listInfos:after { content:""; display:block; clear:both; }
.listInfos > li { float:left; font-weight:bold; font-size:11px; padding-bottom:0; }
.listInfos > li:before { content:""; padding-left:20px; background:url('../images/common/b_line_02.png') no-repeat 10px 50%; background-size:1px auto; }
.listInfos > li:last-child { float:right; }
.listInfos > li:first-child:last-child { float:none; }
.listInfos > li:first-child:before, .subContents .listInfos > li:last-child:before { display:none; padding-left:0; }
.listInfos > li .icon { width:15px; position:relative; top:-1px; vertical-align:middle; }
.listInfos > li.type { color:#620040; font-weight:bold; }
.listTitle .stit { color:#7f5ff5; font-weight:bold; font-size:11px; padding-bottom:3px; }
.description .listTitle .tit { white-space:normal; }
.perform_desc .comList { padding-bottom:10px; }
.comList .reply_title { padding:38px 100px 30px 0; position:relative; }
.comList .reply_title .tit_btn { position:absolute; right:0; top:30px; font-size:15px; color:#7f5ff5; line-height:38px; padding:0 30px 0 15px; border:1px solid #c7b8ff; }
.comList .reply_title .tit_btn:after { position:absolute; content:""; right:15px; top:50%; margin-top:-5px; width:6px; height:10px; background:url('../images/common/icons.png') no-repeat -100px -50px; background-size:500px auto; }
.comList .lst .summary .listInfos { padding-top:16px; }
.comList .listTitle .stit, .comList .listTitle .tit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.comList .st { padding-bottom:15px; }
.comList .lst > li { position:relative; padding-top:25px; }
.comList .lst > li:first-child { padding-top:0; }
.comList .lst > li > a { display:block; }
.comList .lst .lnk { border:1px solid #ddd; background-color:#fff; }
.comList .lst .img { position:relative; text-align:center; }
.comList .lst .img img { width:100%; }
.comList .lst .summary { padding:25px 22px; }
.comList .lst .summary .desc { line-height:1.6; padding-top:18px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:40px; font-size:12px; }
.comList .noData { height:75px; }
.moreList { display:block; text-align:center; color:#222; font-size:15px; margin:30px 0; padding:13px; border:1px solid #ddd; line-height:16px; background-color:#fff; }
.subContents .moreList:last-child { margin-bottom:10px; }
.moreList:after { content:"\00a0"; display:inline-block; top:1px; position:relative; margin-left:8px; width:14px; height:14px; background:url('../images/common/more.png') no-repeat 0 0; background-size:14px auto; }
.comList .showDesc > li { padding-top:8px; }
.comList .status { display:inline-block; background-color:#765eeb; padding:0 3px; margin-bottom:5px; font-size:12px; line-height:20px; text-align:center; min-width:40px; font-weight:bold; color:#fff; }
.comList .showDesc > li .purple { color:#765eeb !important; font-weight:normal; }
.comList .endEvent .status { background-color:#ddd; }
.comList .endEvent .showDesc > li .purple { color:#767676 !important; }


/* form button */
.formBtn { margin:0 -5px; padding-top:30px; }
.formBtn .btns { display:table; table-layout:fixed; width:100%; }
.formBtn .btns > li { display:table-cell; vertical-align:top; padding:0 5px; }
.formBtn .btns > li * { width:100%; height:42px; line-height:40px; white-space:nowrap; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; border:1px solid #ddd; border-bottom-color:#bbb; border-radius:0; background-color:#fff; color:#222; font-size:15px; text-align:center; }
.formBtn .btns > li .btPurple { background-color:#7858f0; color:#fff; border-color:#7858f0; border-bottom-color:#7858f0; }
.formBtn .btns > li .btGray { background-color:#767676; color:#fff; border-color:#767676; border-bottom-color:#767676; }
/* error */
.error .formBtn { padding-left:28px; padding-right:28px; }
.error .formBtn .btns > li * { font-size:15px; }
.error .formBtn .btns > li .btPurple { background-color:#765eeb; border-color:#765eeb; border-bottom-color:#765eeb; }
.error {  padding-bottom:30px; }
.error .errCode { font-size:36px; padding-bottom:20px; letter-spacing:-1px; color:#222; line-height:1.2; }
.error .errCode em { color:#765eeb; font-size:1.25em; }
.error .errDesc { padding-top:20px; border-top:1px solid #999; line-height:1.7; }
.error .errDesc .sb { font-size:15px; padding-bottom:4px; color:#222; }
@media all and (max-width:359px) { 
	.error .errCode { font-size:32px; } 
}


/* 글쓰기 */
.writeForms .forms { padding-bottom:30px; margin-bottom:15px; }
.writeForms .forms > li.field:first-child { margin-top:0; }
.writeForms .forms > li.chkops { margin-top:25px; }
.writeForms .field { padding-left:45px; margin-top:15px; font-weight:bold; position:relative; }
.writeForms .field .selectbox { display:block; }
.writeForms .field .lb { position:absolute; left:0; font-size:14px; top:10px; white-space:nowrap; color:#555; }
.writeForms .field .comTa { height:200px; padding-top:11px; padding-bottom:11px; }
.writeForms .formBtn { padding-top:15px; }
.writeForms .wTitle { padding-bottom:25px; }
.replyForms .forms { padding-bottom:15px; margin-bottom:0; }

/* list search */
.searchBox { padding-bottom:20px; }
.searchBox .forms > li { margin-top:-1px; }
.searchBox .forms + .forms { padding-top:15px; }
.searchBox .selectbox { display:block; }
.searchBox .searchText { padding-right:40px; position:relative; }
.searchBox .searchText .searchBtn,
.searchBox .searchText .searchBtn { position:absolute; right:0; top:0; }
.searchBox .searchText .searchBtn button { width:40px; height:40px; border:0; display:block; border-radius:0; vertical-align:top; background:url('../images/common/icons.png') no-repeat -300px 0; background-size:500px auto; }
.searchBox .searchText .searchBtn .iconBg { opacity:0; }
.searchBox .formDate > .lbDate { float:left; width:50%; margin-left:-1px; }
.searchBox .formDate:after { content:""; display:block; clear:both; }
.formDate > .lbDate:first-child { margin-left:0; }
.formDate > .lbDate .comText { width:100%; outline:0; padding-left:10px; padding-right:10px; text-align:center; }

/* 일정검색 */
.scheduleForms { padding-bottom:30px; }
.scheduleForms .selectDate { padding-bottom:15px; text-align:center; }
.scheduleForms .selectDate h3 { color:#871083; font-size:18px; letter-spacing:-1px; }
.scheduleForms .forms { border:1px solid #ddd; display:table; table-layout:fixed; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.scheduleForms .forms > li { display:table-cell; vertical-align:top; border-left:1px solid #ddd; }
.scheduleForms .forms > li:first-child { border-left:0; }
.scheduleForms .forms .selectbox { display:block; }
.scheduleForms .forms .selectbox .txt { border:0; }
.scheduleForms .formDate { position:relative; }
.scheduleForms .formDate > .lbDate { border:0; }
.scheduleForms .datepickerArea { margin-bottom:0; margin-top:-1px; }
.scheduleForms .datepickerArea .ui-datepicker .ui-datepicker-header { max-width:400px; margin:0 auto; }
.scheduleForms .datepickerArea { position:relative; display:none; }

/* 공연목록 */
.calsList .noData { height:102px; }
.calsList .lst { border-top: 1px solid #eee; margin:0 -15px; }
.calsList .lst > li { padding:19px 15px; border-bottom: 1px solid #eee; }
.calsList .lst .lnk { position:relative; padding-left:115px; min-height:148px; }
.calsList .lst .img { position:absolute; width:104px; height:150px; left:-1px; top:-1px; overflow:hidden; z-index:1; }
.calsList .lst .img a { display:inline-block;  max-width:100%; vertical-align:top; border:1px solid #eee; position:relative; }
.calsList .lst .img img { width:auto; height:148px; max-height:148px; vertical-align:top; }
.calsList .lst .desc .sst { font-size:12px; color:#777; padding-top:5px; }
.calsList .lst .desc .sst:after { content:""; display:block; clear:both; }
.calsList .lst .desc .sst > li { float:left; }
.calsList .lst .desc .sst > li + li { padding-left:5px; margin-left:5px; background:url('../images/common/b_line_01.png') no-repeat 0 50%; background-size:1px }
.calsList .lst .desc .tit { font-weight:bold; color:#222; font-size:15px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:36px; line-height:18px; }
.calsList .lst .desc .date { font-weight:bold; color:#222; padding-top:5px; letter-spacing:-1px; line-height:1.2; }
.calsList .lst .desc .discount { padding-top:5px; color:#7f5ff5; letter-spacing:-1px; }
.calsList .lst .desc:after { content:""; display:block; height:40px; }
.calsList .spBtn { position:absolute; bottom:0; right:0; left:115px; }
.calsList .spBtn:after { content:""; display:block; clear:both; }
.calsList .spBtn > a { position:relative; display:block; float:left; width:50%; vertical-align:middle; line-height:30px; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#e5e5e5; text-align:center; font-weight:bold; color:#fff; font-size:13px; white-space:nowrap; }
.calsList .spBtn > a:first-child { border-right:0; }
.calsList .spBtn .resv { background-color:#765eeb; }
.calsList .spBtn .package { background-color:#765eeb; }
.calsList .spBtn > * + .resv, .calsList .spBtn > * + .package { border-left:1px solid #b19cff; }
.calsList .desc-ape { line-height:1.2; padding-top:10px; }
.calsList .desc-ape > li + li { padding-top:5px; }
/* */
.curriculumList .spBtn > a { width:100%; }
.curriculumList .lst .img a { background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }
.curriculumList .lst .img a img { opacity:0; }

/* list button */
.cbtns {padding-top:30px;text-align:center; margin:0 -4px;}
.cbtns > a { display:inline-block; margin:0 4px; line-height:20px; padding:10px; border:1px solid #ddd; min-width:96px; text-align:center; font-size:16px; color:#222; }
/* list quick link */
.subContents .listQuickLink { margin:0 -15px; }
.listQuickLink > li { border-bottom:1px solid #eee; }
.listQuickLink > li:first-child { border-top:1px solid #eee; }
.listQuickLink li > * { display:block; position:relative; padding:5px 10px 5px 44px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; color:#767676; }
.listQuickLink li > *:before { content:"\00a0"; position:absolute; left:15px; width:13px; height:9px; top:50%; margin-top:-5px; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; background-size:500px auto; }
.listQuickLink .prev:before { background-position:-300px -50px; }
.listQuickLink .next:before { background-position:-325px -50px; }
.listQuickLink li > * em { color:#620040; display:inline-block; margin-right:6px; }
.listQuickLink li em.bgOrange,
.listQuickLink li em.bgGray { color:#fff; text-align:center; line-height:20px; min-width:40px; padding:0 3px; }
.listQuickLink li em.bgOrange { background-color:#765eeb; }
.listQuickLink li em.bgGray { background-color:#ddd; }
/* list view */
.editorText { word-break:break-all; }
.editorText img { height:auto !important; }
.editorText table { max-width:100%; width:100% !important; table-layout:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.description { padding-bottom:25px; }
.description .listTitle { position:relative; }
.description .listInfos { padding-top:10px; } 
.description .editorText { padding-top:30px; line-height:1.8; }
.description .strong { font-size:14px; color:#222; }
.description .answerText { margin-top:30px; margin-bottom:5px; padding:15px; line-height:1.8; background-color:#f4f1f9; }
.description .answerText .answer { font-weight:bold; color:#620040; padding-bottom:10px; }
.description .answerText .answer.iconBgBefore:before { content:"\00a0"; display:inline-block; width:10px; height:9px; vertical-align:middle; position:relative; top:-1px; margin-right:5px; background-position:-125px -300px; }
/* 이벤트 상세 */
.description .listTitle .evTitle { margin-bottom:8px; }
.description .listTitle .evTitle:after { content:""; display:block; clear:both; }
.description .listTitle .evTitle .period { line-height:20px; color:#765eeb; display:inline-block; vertical-align:middle; }
.description .listTitle .bgGray,
.description .listTitle .bgOrange { color:#fff; text-align:center; line-height:20px; padding:0 3px; display:inline-block; vertical-align:middle; min-width:40px; font-size:12px; margin-right:6px; }
.description .listTitle .bgOrange { background-color:#765eeb; }
.description .listTitle .bgGray { background-color:#ddd; }
/* 리플 */
.replyArea { margin:5px -15px 30px; position:relative; }
.replyArea .reply { position:relative; }
.replyArea .frmRelpy { padding:20px 15px; background-color:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.replyArea .frmRelpy .frm_title { font-size:15px; color:#222; line-height:1.2; font-weight:bold; }
.replyArea .frmRelpy .fields { padding-top:15px; }
.replyArea .frmRelpy .fields > li { float:left; width:45%; }
.replyArea .frmRelpy .fields > li + li { width:55%; margin-left:-1px; }
.replyArea .frmRelpy .fields:after { content:""; display:block; clear:both; }
.replyArea .frmRelpy .comText { padding:9px 10px; border:1px solid #767676; width:100%; font-size:13px; }
.replyArea .frmRelpy .frm_btns { padding-top:15px; text-align:center; }
.replyArea .frmRelpy .frm_btns .btn { font-size:14px; font-weight:bold; display:inline-block; line-height:20px; padding:10px 15px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.replyArea .frmRelpy .frm_status { padding-top:15px; }
.replyArea .frmRelpy .frm_status strong { color:#222; }
.replyArea .frmRelpy .frm_status .par { padding-left:16px; text-indent:-16px; }
.replyArea .frmRelpy .frm_status .par:before { content:"\00a0"; width:11px; height:11px; display:inline-block; margin-right:4px; position:relative; top:-1px; vertical-align:middle; background:url('../images/common/icons.png') no-repeat -450px -75px; background-size:500px auto; }

/* 로그인 */
.login { padding-top:42px; padding:0 15px; color:#2e2e2e; }
.login .loginTitle { text-align:center; padding:15px 10px 45px; }
.login .loginTitle .t { font-size:18px; line-height:1.3; }
.login .loginTitle .t em { display:block; color:#630660; }
.login .loginForm { position:relative; }
.login .loginForm .btLogin { margin-top:30px; width:100%; display:block; background-color:#7858f0; border:0; line-height:40px; text-align:center; color:#fff; font-size:15px; }
.login .loginForm .chkgp { padding-top:15px; }
.login .loginForm .chkgp:after { content:""; display:block; clear:both; }
.login .loginForm .chkgp > p { color:#767676; }
.login .loginForm .chkgp .chkBg { margin-right:11px; }
.login .loginForm .forms > li + li { padding-top:10px; }
.login .loginForm .forms .txtBg { border:0; border-bottom:1px solid #222; padding-left:22px; }
.login .loginForm .forms .txtBg:before { content:"\00a0"; position:absolute; left:0; width:15px; height:20px; top:50%; margin-top:-11px; }
.login .loginForm .forms .txtBg .comText { height:44px; padding-top:12px; padding-bottom:12px; outline:0; }
.login .loginForm .forms .txtBg.focus { outline:0; border-bottom-color:#96b8ef; }
.login .loginForm .forms .inputId.txtBg:before, .login .loginForm .forms .inputPw.txtBg:before { background-image:url('../images/common/icons.png'); background-repeat:no-repeat; background-size:500px auto; }
.login .loginForm .forms .inputId.txtBg:before { background-position:-450px -50px; }
.login .loginForm .forms .inputPw.txtBg:before { background-position:-475px -50px; }
.login .comText::-webkit-input-placeholder { color:#767676; }
.login .comText::-moz-placeholder { color:#767676; }
.login .comText:-ms-input-placeholder { color:#767676; }
.login .loginHelp { margin-top:30px; color:#767676; font-size:12px; background-color:#fafafa; padding:38px 8px 40px; text-align:center; }
.login .loginHelp .pt { color:#2e2e2e; font-size:16px; padding-bottom:15px; }
.login .loginHelp .pt strong { color:#7858f0; }
.login .loginHelp br.ms {  display:none; }
@media all and (max-width:359px) { .login .loginHelp br.ms { display:inline; } }

/* 팝업 */
.b-modal { top:-100px !important; left:-100px !important; right:-100px !important; bottom:-100px !important; background-color:rgba(0,0,0,0.9) !important; }
.popup { position:absolute; z-index:20; display:none; width:90%; min-width:310px; max-width:640px; }
.popup .section { background-color:#fff; margin:50px 0; box-shadow:0 0 2px rgba(0,0,0,.4); }
.popup .section .title { text-align:center; padding:0 40px; position:relative; height:45px; border-bottom:2px solid #7858f0; }
.popup .section .title .tit { text-align:center; white-space:nowrap; font-size:17px; color:#222; line-height:45px; }
.popup .section .title .b-close { position:absolute; width:40px; height:40px; right:0; top:50%; margin-top:-20px; }
.popup .section .title .b-close:before { content:"\00a0"; position:absolute; width:14px; height:14px; top:50%; left:50%; margin:-7px 0 0 -7px; background:url('../images/common/icons.png') no-repeat -275px -50px; background-size:500px auto;  }
.popup .section .title .b-close .iconBg { position:absolute; opacity:0; display:block; height:100%; overflow:hidden; }
.popup .pbody { padding:30px 10px; line-height:1.6; }
.popup .popBtns { text-align:center; border-top:1px solid #e3e3e3; display:table; table-layout:fixed; width:100%; background-color:#fbfbfb; }
.popup .popBtns a { display:table-cell; height:44px; vertical-align:middle; text-align:center; border-left:1px solid #e3e3e3; font-size:14px; font-weight:bold; color:#222; }
.popup .popBtns > a:first-child { border-left:0; }
.popup .popBtns .btPurple { color:#7858f0; }
.popup .alert { text-align:center; }
.popup .message { line-height:1.8; }

/* 회사소개 */
.sejongpac { margin-top:-30px; }
.sejongpac .img { max-width:640px; margin:0 auto 21px; padding-bottom:1px; border-bottom:1px solid #ececec; }
.sejongpac .img1 { text-align:center; }
.sejongpac .info { padding-top:25px; line-height:1.5; }
.sejongpac .info table { table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse; }
.sejongpac .info table td, .sejongpac .info table th { text-align:left; vertical-align:top; padding:6px 5px; }
.sejongpac .info table th { width:95px; padding-left:0; padding-right:0; color:#222; white-space:nowrap; }
.sejongpac .info table th em:before { content:""; display:inline-block; width:2px; height:2px; margin-right:4px; vertical-align:middle; position:relative; top:-1px; background-color:#222; }

/* 통합검색 */
.topFix { margin:-30px -15px 0; height:45px; position:relative; background-color:#fff; }
.topFix .fix_cont { position:fixed; top:0; left:0; right:0; background-color:#fff; z-index:9; height:45px; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transition:box-shadow 0.2s ease; -webkit-transition:box-shadow 0.2s ease; }
.topFix .fix_cont.active { box-shadow:0 1px 3px rgba(101,101,101,0.4); -webkit-box-shadow:0 2px 3px rgba(101,101,101,0.4); }
.noFixed .topFix .fix_cont { position:relative; }
.noFixed .topFix .fix_cont.active { box-shadow:none; -webkit-box-shadow:none; }
.topFix .fix_cont .btn_layer_close { height:45px; width:45px; z-index:1; overflow:hidden; right:0; top:0; position:absolute; }
.topFix .fix_cont .btn_layer_close em { opacity:0; }
.topFix .fix_cont .btn_layer_close:before { content:""; position:absolute; width:19px; height:19px; top:50%; left:50%; margin:-10px 0 0 -10px; background:url('../images/common/icons.png') no-repeat -275px -75px; background-size:500px auto; }
.common_search { padding-top:2px; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.common_search .search_titles { margin-bottom:15px; position:relative; }
.common_search .search_titles .stit { font-size:25px; color:#333; line-height:1.2; }
.common_search .search_titles .show_search { font-size:15px; color:#666; position:absolute; right:0; border:1px solid #eee; line-height:30px; top:0; background-color:#fff; padding:0 15px; border-radius:16px; z-index:1; }
.common_search .search_titles .show_search em:after { content:""; display:inline-block; top:-1px; vertical-align:middle; position:relative; margin-left:5px; width:15px; height:15px; background:url('../images/common/icons.png') no-repeat -175px -75px; background-size:500px auto; }
@media all and (max-width:359px) { .common_search .search_titles .show_search { right:-3px; } }
.common_search .search_result { display:none; }
.search_frm .search_word { position:relative; height:39px; }
.search_frm .search_word .txtBg { border:0; border-bottom:1px solid #333; padding-right:74px; }
.search_frm .search_word .txtBg.focus { outline:0; border-bottom-color:#96b8ef; }
.search_frm .search_word .txtBg .btDel { right:48px; }
.search_frm .search_word .txtBg .comText { border:0; padding-left:0; }
.search_frm .search_word .btn_search { position:absolute; z-index:2; height:38px; width:38px; right:0; top:0; border:0; border-radius:0; overflow:hidden; }
.search_frm .search_word .btn_search:before { content:""; position:absolute; width:20px; height:20px; top:50%; left:50%; margin:-10px 0 0 -10px; background:url('../images/common/icons.png') no-repeat -25px -75px; background-size:500px auto; }
.search_frm .search_word .btn_search em { opacity:0; }
.search_frm .smart_words { padding:15px 0 20px; overflow:hidden; }
.search_frm .smart_words .word_wrap { margin:-5px; }
.search_frm .smart_words .word { display:inline-block; margin:5px; line-height:20px; min-height:20px; vertical-align:middle; position:relative; white-space:nowrap; }
.search_frm .smart_words .word { padding-right:26px; }
.search_frm .smart_words .word strong { font-weight:normal; font-size:14px; color:#765eeb; }
.search_frm .smart_words .word .delete_word { position:absolute; z-index:1; width:20px; height:20px; position:absolute; right:0; top:50%; margin-top:-10px; overflow:hidden; border:0; appearance:none; -webkit-appearance:none; background:url('../images/common/icons.png') no-repeat 0 -75px; background-size:500px auto; }
.search_frm .smart_words .word_wrap .word .delete_word em { opacity:0; }
.search_frm .more_forms > li + li { padding-top:30px; }
.search_frm .more_forms .m_tit { font-size:14px; color:#222; font-weight:bold; margin-bottom:12px; }
.search_frm .more_forms .formDate { margin-top:11px; }
.search_frm .more_forms .formDate .lbDate { float:left; width:50%; margin-left:-1px; }
.search_frm .more_forms .formDate:after { content:""; display:block; clear:both; }
.search_frm .more_forms .formDate .lbDate:first-child { margin-left:0; }
.search_frm .more_forms .formDate .lbDate .ui-datepicker-trigger { z-index:1; border:0; position:absolute; width:100%; height:100%; top:0; right:0; overflow:hidden; color:transparent; font-size:0; white-space:nowrap; background-color:transparent; }
.search_frm .more_forms .selectDate { white-space:nowrap; }
.search_frm .more_forms .selectDate .btn_today { display:inline-block; vertical-align:middle; margin-left:6px; height:40px; line-height:38px; border-radius:0; padding:0 14px; font-size:15px; border:1px solid #ddd; color:#222; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
.search_frm .more_forms .selectDate .btn_today.on { color:#fff; background-color:#666; }
.search_frm .more_forms .selectDate .selectYear { width:100px; }
.search_frm .more_forms .selectDate .selectMonth { width:90px; margin-left:2px; }
.search_frm .more_forms .smart_word { margin:-6px -15px -10px; padding:6px 0 10px; overflow:hidden; }
.search_frm .more_forms .smart_word .scroller { overflow:visible; height:60px; }
.search_frm .more_forms .scroll_content { height:60px; white-space:nowrap; letter-spacing:0; padding:0 8px; }
.search_frm .more_forms .scroll_content > a { position:relative; display:inline-block; vertical-align:top; text-align:center; margin:0 7px; letter-spacing:-0.03em; width:58px; height:58px; border:1px solid #ddd; position:relative; transition:all 0.2s ease; -transition:all 0.2s ease; }
.search_frm .more_forms .scroll_content > a:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.search_frm .more_forms .scroll_content > a > span { display:inline-block; vertical-align:middle; line-height:1.2; max-width:98%; position:relative; top:-1px; }
.search_frm .more_forms .scroll_content > a.on { color:#fff; box-shadow:2px 2px 5px rgba(0,0,0,.3); }
.search_frm .more_forms .sw_genre > a.on { background-color:#765eeb; border-color:#765eeb; }
.search_frm .more_forms .sw_hall > a.on { background-color:#d000ce; border-color:#d000ce; }
.search_result .search_word { min-height:39px; padding:4px 0 14px; border-bottom:1px solid #333; box-sizing:border-box; -webkit-box-sizing:border-box; }
.search_result .word_wrap { margin:-5px 0 -5px -5px; }
.search_result .word_wrap .word { font-size:15px; color:#222; display:inline-block; margin:5px 0 5px 5px; line-height:20px; min-height:20px; vertical-align:middle; position:relative; white-space:nowrap; }
.search_result .result_list { margin:0 -15px; }
.search_result .result_list .list_count { font-size:14px; padding:14px 15px 12px; }
.search_result .result_list .list_count strong { color:#ff2c31; }
.search_result .result_list .list_count em { font-weight:bold; }
.search_result .result_list .list > li { padding:20px 15px; border-top:1px solid #eee; }
.search_result .result_list .list .noData { height:90px; }
.search_result .result_list .link { display:block; } 
.search_result .result_list .link:after { content:""; display:block; clear:both; }
.search_result .result_list .link .poster { float:left; width:75px; overflow:hidden; }
.search_result .result_list .link .poster + .show_title { padding-left:90px; }
.search_result .result_list .show_title { line-height:1.3; }
.search_result .result_list .show_title .tit { font-size:15px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:42px; }
.search_result .result_list .show_title .date { color:#222; font-weight:bold; padding-top:5px;}
.search_result .result_list .show_title .info_sum { padding-top:5px; color:#777; overflow:hidden; font-size:12px; }
.search_result .result_list .show_title .info_sum .hall_info { margin-left:-5px; }
.search_result .result_list .show_title .info_sum .hall_info:after { content:""; display:block; clear:both; }
.search_result .result_list .show_title .info_sum .hall_info > li { float:left; padding:0 5px; background:url('../images/common/b_line_01.png') no-repeat 0 50%; background-size:1px auto; }
.search_result .result_list .show_title .info_sum .dis_info { color:#765eeb; padding-top:5px; }

/*  */
.refer { padding-bottom:20px; line-height:1.5; }
.refer .rect:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:5px; position:relative; top:-1px; }
.refer .tit { margin-bottom:7px; }

/* faq */
.refer.faq_refer { font-size:12px; }
.faqList .lst { border-top:1px solid #ddd; margin:0 -15px; }
.faqList .lst > li { border-bottom:1px solid #ddd; padding:0 15px; }
.faqList .lst > li > a { display:block; }
.faqList .iconBgAfter:after { content:"\00a0"; width:15px; height:8px; position:absolute; right:5px; top:50%; margin-top:-4px; background:url('../images/common/icons.png') no-repeat -300px -75px; background-size:500px auto; transition:transform 0.2s ease; -webkit-transition:transform 0.2s ease; }
.faqList .on .iconBgAfter:after { /* background-position:-325px -75px; */ transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.faqList .qust { position:relative; padding:15px 35px 15px 0; }
.faqList .qust strong { color:#765eeb; font-size:12px; }
.faqList .qust .tit { padding-top:6px; font-size:15px; font-weight:bold; color:#222; line-height:1.3; }
.faqList .answer { display:none; line-height:1.6; padding:18px 15px; margin:0 -15px; background-color:#fafafa; border-top:1px solid #ddd; }
.faqList .noData { height:72px; }


/* 오시는길 */
.tabNav.topNav { margin:-30px -15px 28px; }
.tabNav.topNav .tabList { border-bottom:1px solid #eee; }
.mapTabs .st + .map { margin-top:15px; }
.mapTabs .map + .st { margin-top:18px; }
.helpVehicle { padding-top:20px; margin:20px -15px 0; border-top:1px solid #e5e5e5; }
.helpVehicle dl { margin-bottom:18px; padding:0 15px; }
.helpVehicle dl + dl { padding-top:20px; border-top:1px solid #e5e5e5; }
.helpVehicle dl dt { padding-bottom:8px; }
.helpVehicle dd { line-height:1.6; padding-top:8px; padding-left:18px; }
.helpVehicle .hv > dd { padding-left:0; padding-top:0; border:1px solid #eee; }
.helpVehicle .hv > dd + dd { margin-top:-1px; }
.helpVehicle .iconBgBefore { text-indent:-18px; font-weight:bold; }
.helpVehicle .iconBgBefore:before { content:"\00a0"; display:inline-block; top:-1px; position:relative; vertical-align:middle; width:15px; height:15px; margin-right:4px; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; background-size:500px auto; }
.helpVehicle .iconBgBefore.t1 { color:#003499; }
.helpVehicle .iconBgBefore.t1:before { background-position:-50px -100px; }
.helpVehicle .iconBgBefore.t3 { color:#ee5a2a; }
.helpVehicle .iconBgBefore.t3:before { background-position:-75px -100px; }
.helpVehicle .iconBgBefore.t5 { color:#893bb6; }
.helpVehicle .iconBgBefore.t5:before { background-position:-100px -100px; }
.helpVehicle .iconBgBefore.b { color:#003499; }
.helpVehicle .iconBgBefore.b:before { background-position:-125px -100px; }
.helpVehicle .iconBgBefore.g { color:#59ab26; }
.helpVehicle .iconBgBefore.g:before { background-position:-150px -100px; }
.helpVehicle .iconBgBefore.r { color:#dc0807; }
.helpVehicle .iconBgBefore.r:before { background-position:-175px -100px; }
.helpVehicle .iconBgBefore.e:before { background-position:-200px -100px; }
.helpVehicle .bs { padding:20px 10px 20px 15px; display:none; }
.helpVehicle .bs > li { padding-left:18px; }
.helpVehicle .bs > li + li { margin-top:8px; }
.helpVehicle .ve_tit { color:#555; font-size:14px; font-weight:bold; display:block; position:relative; background-color:#fff2f1; padding:12px 40px 12px 15px; line-height:1; }
.helpVehicle .ve_tit:after { content:""; position:absolute; z-index:1; width:8px; height:5px; top:50%; margin-top:-3px; right:15px; background:url('../images/common/icons.png') no-repeat 0 -100px; background-size:500px auto; }
.helpVehicle .ve_tit.on:after { background-position:-25px -100px; }
.helpVehicle .dep1 { padding-left:1.231em; text-indent:-1.231em; }
.helpVehicle .description { padding:0 15px; font-size:14px; }
.helpVehicle .map_link { margin-top:23px; border:1px solid #ddd; }
.helpVehicle .map_link:after { content:""; display:block; clear:both; }
.helpVehicle .map_link > a { float:left; width:50%; text-align:center; line-height:43px; font-size:15px; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; }
.helpVehicle .map_link > a + a { border-left:1px solid #ddd; }
.helpVehicle .map_link > a:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; margin-right:5px; width:25px; height:25px; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; background-size:500px auto; background-color:#fff; }
.helpVehicle .map_link .naver:before { background-position:-350px -75px; }
.helpVehicle .map_link .daum:before { background-position:-375px -75px; }



/* 편의시설 */
.guideDesc + .facility { padding-top:30px; }
.facility + .comList { padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #e5e5e5; }
.facility .tabNav { padding-top:15px; }
.facility .facilityList { margin:-5px -5px; }
@media all and (min-width:641px) { .facility .facilityList { max-width:630px; margin-left:auto; margin-right:auto; } } 
.facility .facilityList > li > a:after, .facility .facilityList:after { content:""; display:block; clear:both; }
.facility .facilityList > li { float:left; width:33.333%; padding:5px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.facility .facilityList > li > a { display:block; position:relative; max-width:200px; margin:0 auto; text-align:center; overflow:hidden; }
.facility .facilityList > li:nth-child(3n+1) > a { margin:0; }
.facility .facilityList > li:nth-child(3n) > a { margin:0; float:right; width:100%; }
.facility .facilityList > li > a em { position:absolute; top:0; right:0; bottom:0; left:0; color:#fff; font-weight:bold; white-space:nowrap; letter-spacing:-1px; line-height:1.5; background-color:rgba(99,6,96,0.7); transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
.facility .facilityList > li > a em b { width:100%; height:100%; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; -moz-box-orient:vertical; display:box; box-pack:center; box-align:center; }
.facility .facilityList > li > a.on em { background-color:rgba(255,255,255,1); color:#765eeb; border:3px solid #765eeb; }
.facility > .summary { padding-bottom:20px; line-height:1.5; }
.facility > .summary > li { padding-top:30px; }
.facility > .summary > li:first-child { padding-top:0; }
.facility .summary .st { padding-bottom:20px; }
.facility .summary .desc { padding-bottom:15px; font-weight:normal !important; }
.facility .summary .more { padding:15px 10px; margin:0 -15px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }
.facility .summary .more > li { position:relative; padding:4px 0 4px 70px; }
.facility .summary .more > li > em { position:absolute; left:0; color:#765eeb; font-weight:bold; width:70px; white-space:nowrap; }
.facility .summary .more > li > em:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#765eeb; margin-right:5px; position:relative; top:-1px; }
.facility .summary .more1 > li { padding-left:95px; }
.facility .summary .more1 > li > em { width:95px; }
.facility .summary .more + .more { margin-top:15px }
.facility .summary .morelong > li { padding-left:105px; }
.facility .summary .morelong > li > em { width:105px; }
.facility .summary .contacts { padding-bottom:15px; }
.facility .summary .contacts > li { position:relative; padding:4px 0 4px 90px; }
.facility .summary .contacts > li > em { position:relative; display:inline-block; margin-left:-90px; color:#333; font-weight:bold; min-width:76px; padding-right:14px; white-space:nowrap; }
.facility .summary .contacts > li > em:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:5px; position:relative; top:-1px; }
.facility .summary .contacts > li > em:after { content:""; color:#ddd; position:absolute; right:6px; font-weight:normal; width:1px; height:10px; background-color:#bbb; top:50%; margin-top:-5px; }
.facility .summary .lvt { margin-top:30px; padding-top:30px; border-top:1px solid #e5e5e5; font-weight:normal; }
.facility .summary .lvt > li { padding-top:18px; padding-left:0.667em; }
.facility .summary .lvt > li:first-child { padding-top:0; }
.facility .summary .lvt .black2 { font-weight:bold; text-indent:-0.667em; }
.facility .summary .lvt .black2:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:5px; }

/* 안내 */
.guideDesc { line-height:1.5; }
.guideDesc .st.rect { padding-left:10px; }
.guideDesc .st.rect:before { margin-left:-10px; }
.guideDesc .refer .rg { padding-left:128px; }
.guideDesc .refer .rg em { display:inline-block; margin-left:-128px; padding-right:5px; color:#630660; }
.guideDesc .gp li:before,
.guideDesc .rect:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:5px; position:relative; top:-1px; }
.guideDesc .tabs > li > .guideText { padding-top:30px; }
.guideDesc .tabs > li > .guideText:first-child { padding-top:0; }
.guideDesc .guideText .conts { border:1px solid #eee; }
.guideDesc .guideText .st { padding-bottom:10px; }
.guideDesc .guideText .gtxt { padding-bottom:10px; }
.guideDesc .guideText .stt { padding:9px 15px; background-color:#fff2f1; color:#555; font-weight:bold; font-size:14px; }
.guideDesc .guideText .conts > li + li { border-top:1px solid #eee; }
.guideDesc .gp, .guideDesc .guideText .desc { padding:18px 15px; padding-right:10px; }
.guideDesc .abouts { padding:0; }
.guideDesc .abouts li { padding-top:10px; }
.guideDesc .abouts li:first-child { padding-top:0; }
.guideDesc .abouts li .rect { color:#222; font-weight:bold; text-indent:-5px; }
.guideDesc .lnks { margin-bottom:0; }
.guideDesc .step > li { float:left; width:25%; height:74px; line-height:74px; text-align:center; position:relative; }
.guideDesc .step > li em { display:inline-block; line-height:1.4; vertical-align:middle; }
.guideDesc .step:after { content:""; display:block; clear:both; }
.guideDesc .step > li:before { height:74px; width:18px; position:absolute; left:-11px; top:0; content:"\00a0"; background:url('../images/common/iconArr.png') no-repeat 50% 0; background-size:auto 74px; }
.guideDesc .step > li:first-child:before { display:none; }
.guideDesc .rentStep > li { width:20%; }
.guideDesc .howrev > li { font-weight:bold; padding-top:11px; color:#222; }
.guideDesc .howrev > li:first-child { padding-top:0; }
.guideDesc .gp { border:1px solid #e5e5e5; }
.guideDesc .gp li { position:relative; padding-top:12px; padding-left:5px; }
.guideDesc .gp li:first-child { padding-top:0; }
.guideDesc .gp li:before { position:absolute; margin-left:-5px; top:auto; margin-top:8px; }
.guideDesc .gp li strong { color:#222; }
.guideDesc .depText { padding:0 5px; }
.guideDesc .depText li { padding-top:7px; }
.guideDesc .depText li:first-child { padding-top:0; }
.guideDesc .depText li .rect { text-indent:-5px; }
.guideDesc .depText li strong { color:#ff2c31; }
.guideDesc p.dep { padding-left:56px; text-indent:-56px; }
.guideDesc .history { margin-top:15px; background-color:#fdfdfd; padding:15px 0; border:1px solid #e5e5e5; }
.guideDesc .history dl { border-top:1px solid #e5e5e5; padding:15px 10px 0; margin-top:15px; }
.guideDesc .history dl:first-child { border-top:0; padding-top:0; margin-top:0; }
.guideDesc .history dt { color:#630660; font-weight:bold; }
.guideDesc .history dt + dd { padding-top:8px; }
.guideDesc .history dd { padding-top:10px; }
.guideDesc .history .dash,
.guideDesc .history .bullet,
.guideDesc .history .dep dd { padding-left:0.667em; text-indent:-0.667em; }
.guideDesc .history .bullet:before,
.guideDesc .history .dep dd:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:5px; position:relative; top:-1px; }
/* */
.guideDesc .preview { padding:30px 0; border-top:1px solid #ddd; }
.guideDesc .preview .dinfo { padding-top:30px; }
.guideDesc .preview .dsc { font-size:11px; font-weight:bold; }
.guideDesc .preview .st { font-size:17px; padding-top:0.529em; }
.guideDesc .preview .sum { padding-top:5px; font-size:11px; }
.guideDesc .preview .sum > li { padding-left:72px; padding-top:8px; }
.guideDesc .preview .sum > li > em { margin-left:-72px; padding-right:4px; min-width:72px; color:#620040; font-weight:bold; display:inline-block; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; }
.guideDesc .preview .sum > li > em:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:5px; position:relative; top:-1px; }
.guideDesc .preview .sum > li > em:after { content:"|"; position:absolute; right:4px; color:#666; font-weight:normal; }

/* 예매안내 */
.reserveDesc .tabNav { margin-bottom:0; }
.reserveDesc .tabNav .tabList { border-bottom:1px solid #eee; }
.reserveDesc .refer { line-height:1.35; font-size:12px; border-bottom:1px solid #eee; margin:0 -15px 28px; padding:28px 15px; padding-left:92px; min-height:48px; position:relative; }
.reserveDesc .refer:after { content:""; display:block; clear:both; }
.reserveDesc .guideText .st { padding-bottom:15px; }
.reserveDesc .guideText .st + .gtxt { margin-top:-9px; }
.reserveDesc .guideText .gtxt { padding-bottom:12px; }
.reserveDesc .par { font-weight:bold; color:#222; padding-bottom:6px; }
.reserveDesc .par:before { content:"[" }
.reserveDesc .par:after { content:"]" }
.reserveDesc .tiket { position:absolute; left:15px; top:30px; width:70px; }
.reserveDesc .tiket > li { float:left; border-left:1px solid #ababab; }
.reserveDesc .tiket > li:first-child { border-left:0; }
.reserveDesc .tiket:after { content:""; display:block; clear:both; }
.reserveDesc .refer .wbword { margin-bottom:6px; }
.reserveDesc .refer .contact { font-weight:bold; }
.reserveDesc .refer .contact b { color:#765eeb; }
.reserveDesc .btn_link { margin-top:7px; margin-bottom:0; }
.reserveDesc .c_red { margin:7px 0 5px; }
.tbresv { margin:8px 0 4px; table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse; border:1px solid #e5e5e5; color:#333; }
.tbresv th, .tbresv td { border:1px solid #e5e5e5; text-align:center; padding:5px; font-weight:normal; }
.tbresv thead th { background-color:#f4f4f4; }
.tbresv thead th.sj { background-color:#7858f0; color:#fff; letter-spacing:-1px; }
.tbresv thead th.ip { background-color:#f4f4f4; color:#fff; letter-spacing:-1px; }
.tbresv tbody th { color:#7858f0; padding-left:8px; }


/* 유료회원 안내 */
.memberLevel { padding:0 10px 10px 0; }
.memberLevel + p { font-size:12px; }
.memberLevel li { display:table; table-layout:fixed; width:100%; padding-top:15px; }
.memberLevel li > * { display:table-cell; vertical-align:middle; }
.memberLevel li:first-child { padding-top:0; }
.memberLevel li .price { width:75px; white-space:nowrap; text-align:right; color:#765eeb; font-size:15px; font-weight:bold; letter-spacing:-1px; }
.memberLevel li .dsc { padding:0 10px; font-size:12px; }
.memberLevel li .dsc strong { color:#222; }
.memberLevel li .img { width:75px; }


/* 제휴사 */
.partnerList { margin-top:-28px }
.partnerList .lst { margin:0 -15px; }
.partnerList .lst > li { padding:20px 15px; border-bottom:1px solid #e5e5e5; position:relative; }
.partnerList .lst > li > a { display:block; position:relative; }
.partnerList .lst > li > a:after { content:""; position:absolute; top:50%; margin-top:-8px; width:8px; height:15px; right:0; background:url('../images/common/icons.png') no-repeat -425px -75px; background-size:500px auto; }
.partnerList .partner { display:table; table-layout:fixed; width:100%; padding-right:18px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; }
.partnerList .partner > * { display:table-cell; vertical-align:middle; }
.partnerList .partner .img { width:90px; }
.partnerList .partner .img + .desc { padding-left:15px; }
.partnerList .partner .desc { padding:3px 0; line-height:1.5; color:#765eeb; }
.partnerList .partner .desc:after { display:none; content:"\00a0"; position:absolute; right:9px; top:50%; margin-top:-7px; width:8px; height:14px; background-position:-150px -300px; z-index:1; }
.partnerList .partner .desc > p { line-height:1.4; }
.partnerList .partner .desc .tit { font-size:15px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.2; }
.partnerList .partner .desc .tit + p { padding-top:8px; }
.partnerList .noData { height:70px; }
/* */
.partnerTitle { padding-right:45px; padding-bottom:5px; padding-top:5px; }
.listTitle .telIcon { position:absolute; right:0; top:-2px; width:35px; height:35px; overflow:hidden; background:url('../images/common/icons.png') no-repeat -350px 0; background-size:500px auto; }
.listTitle .telIcon em { position:absolute; overflow:hidden; opacity:0; }
.partnerInformation { padding-top:15px; }
.partnerInformation .info li { padding-top:8px; padding-left:62px; }
.partnerInformation .info li em { color:#222; margin-left:-62px; }
.partnerInformation .info li em:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:4px; position:relative; top:-1px; }
.partnerInformation .info li:first-child { padding-top:0; }
.partnerInformation .alert { margin-top:15px; color:#ff2c31; }
.partnerInformation .dep1 { padding-left:1.231em; text-indent:-1.231em; }


/* my page */
.myPage { margin:-30px -15px 0; }
.myPage .lst > li { border-bottom:1px solid #eee; }
.myPage .lst .lnk { display:block; position:relative; padding:5px 40px 5px 15px; height:48px; font-size:15px; color:#222; }
.myPage .lst .lnk:before { content:""; position:absolute; top:50%; margin-top:-8px; width:8px; height:15px; right:20px; background:url('../images/common/icons.png') no-repeat -425px -75px; background-size:500px auto; }
.myPage .lst .lnk:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.myPage .lst .lnk em { display:inline-block; vertical-align:middle; position:relative; top:-1px; max-width:98%; line-height:1.2; }


/* common table */
.tables { padding:15px 0 30px; }
.comTbl { table-layout:auto; width:100%; border-spacing:0; border-collapse:collapse; border-bottom:1px solid #ddd; }
.comTbl th, .comTbl td { padding:7px; font-weight:normal; }
.comTbl thead th, .comTbl thead td { background-color:#7f5ff5; border-right:1px solid #fff; font-weight:bold; color:#fff; text-align:center; }
.comTbl thead tr th:last-child { border-right:0; }
.comTbl tbody th, .comTbl tbody td { border-top:1px solid #ddd; border-right:1px solid #ddd; }
.comTbl tbody th { text-align:center; }
.comTbl tbody tr td:last-child { border-right:0; }
.comTbl .nowrap { white-space:nowrap; }

/* alert notice */
.alertDesc { padding:12px 15px 13px; background-color:#fff2f1; font-size:10px; line-height:1.5; margin:15px 0; }
.alertDesc .alert { color:#d90007; font-size:12px; padding-bottom:6px; }
.alertDesc .alert:before { content:"\00a0"; width:11px; height:11px; display:inline-block; margin-right:4px; position:relative; top:-1px; vertical-align:middle; background:url('../images/common/icons.png') no-repeat -450px -75px; background-size:500px auto; }
/* 천원의 행복 */
.requestList .alertDesc { margin:0 0 30px; }
.requestList .noData { height:105px; }
.requestList .lst { margin:0 -15px; border-top:1px solid #eee; }
.requestList .lst > li { border-bottom:1px solid #eee; }
.requestList .lst > li > a { display:block; }
.requestList .lst > li .desc { position:relative; padding:18px 15px; font-size:12px; }
.requestList .lst .tit { font-weight:bold; font-size:15px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; line-height:18px; height:36px; }
.requestList .lst .dinfo { padding-top:10px; padding-right:50px; color:#767676; }
.requestList .lst .type { color:#7f5ff5; font-weight:bold; padding-bottom:5px; }
.requestList .lst .status { position:absolute; right:15px; bottom:18px; font-weight:bold; padding:0 5px; min-width:32px; text-align:center; line-height:20px; color:#fff; background-color:#cdcdcd; }
.requestList .lst .status.fail { background-color:#666; }
.requestList .lst .status.win { background-color:#765eeb; }


/* 티켓 예매 확인 */
.ticket_list { margin-top:-28px; }
.ticket_list .noData { height:120px; }
.ticket_list .list_desc { margin:0 -15px; padding:11px 15px; background-color:#fafafa; position:relative; }
.ticket_list .list_desc .nt { font-size:12px; line-height:18px; color:#767676; }
.ticket_list .lst { margin:0 -15px; border-top:1px solid #ececec; }
.ticket_list .lst > li { border-bottom:1px solid #ececec; }
.ticket_list .desc { padding:20px 15px; position:relative; }
.ticket_list .desc .day { color:#767676; font-size:12px; line-height:1; padding-bottom:11px; }
.ticket_list .desc .d_day { position:absolute; right:15px; top:17px; color:#7f5ff5; font-size:10px; text-align:center; border-radius:15px; border:1px solid #7f5ff5; line-height:16px; padding:0 10px; min-width:47px; } 
.ticket_list .desc .title { color:#222; font-weight:bold; line-height:1.2; }
.ticket_list .desc .title dt { font-size:15px; }
.ticket_list .desc .title dd { padding-top:6px; }
.ticket_list .desc .status_info { line-height:1.1; padding-top:10px; color:#767676; }
.ticket_list .desc .status_info li + li { padding-top:6px; }
.ticket_list .desc .status_info .hall { color:#777; }
.ticket_list .desc .status_info .status { color:#ff2c31; font-weight:normal; }
.ticket_list .desc .btns { padding-top:16px; display:table; table-layout:fixed; width:100%; }
.ticket_list .desc .btns > * { display:table-cell; vertical-align:middle; text-align:center; height:30px; line-height:1.1; color:#fff; position:relative; }
.ticket_list .desc .btns .btn, 
.ticket_list .desc .btns .btn.btn_disable { background-color:#e5e5e5; }
.ticket_list .desc .btns .btn_pri { background-color:#7858f0; }
.ticket_list .desc .btns .btn_sec { background-color:#767676; }
.ticket_list .desc .btns .btn_thr { background-color:#666; }
.ticket_list .desc .btns .btn + .btn:before { content:""; position:absolute; top:0; bottom:0; left:0; width:1px; height:30px; background-color:#b3b3b3; }

/* */
.course_list .list_desc { padding-top:15px; padding-bottom:15px; padding-right:210px; min-height:18px; }
.course_list .list_desc .nt { white-space:nowrap; }
.course_list .list_desc .selectbox { position:absolute; right:15px; top:50%; margin-top:-17px; width:190px; }
.course_list .list_desc .selectbox .txt { padding-top:2px; padding-bottom:2px; font-size:14px; background-color:#fff; }

/* coupon */
.highlight { color:#7858f0; }
.cp_list .noData { height:60px; white-space:nowrap; }
.cp_list > li + li { padding-top:20px; }
.cp_list .cp_title { font-weight:bold; color:#222; font-size:17px; line-height:1.3; padding-bottom:12px; }
.cp_list .cp_info { color:#666; padding-bottom:15px; }
.cp_list .cp_info > li { display:table; table-layout:fixed; width:100%; }
.cp_list .cp_info > li > * { display:table-cell; vertical-align:top; }
.cp_list .cp_info > li + li { padding-top:6px; }
.cp_list .cp_info .th { color:#222; font-weight:bold; white-space:nowrap; width:64px; }
.cp_list .cp_info .th:before { content:""; width:2px; height:2px; display:inline-block; margin-right:4px; position:relative; top:-1px; vertical-align:middle; background-color:#222; }
.cp_list .cp_info strong.td { color:#ff2c31;  }
.cp_list .cp_down { padding-top:15px; text-align:center; }
.cp_list .btn_down { padding:0 15px; height:40px; line-height:40px; display:inline-block; font-size:15px; } 
.cp_list .btn_down:before { content:""; display:inline-block; vertical-align:middle; position:relative; margin-right:5px; top:-1px; width:15px; height:14px; background:url('../images/coupon/ico_down.png') no-repeat 0 0; background-size:15px auto; }
.cp_list .coupon_detail { padding:15px; border:1px solid #eee; background-color:#fafafa; max-width:596px; margin:0 auto; }
.cp_list .cp_btn { margin-left:-8px; padding:15px 0; }
.cp_list .cp_btn:after { content:""; display:block; clear:both; }
.cp_list .cp_btn > li { float:left; width:50%; }
.cp_list .cp_btn > li:first-child:last-child { float:none; margin:0 auto; }
.cp_list .cp_btn .btn { font-weight:normal; margin-left:8px; white-space:nowrap; display:block; text-align:center; height:40px; line-height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:15px; }
.cp_list .cp_btn .btn:not(.btn_pri) { border:1px solid #767676; color:#767676; line-height:38px; }
.cp_list .cp_btn .btn.btn_complete { border-color:#cdcdcd; background-color:#cdcdcd; color:#fff; }
.cp_list .cp_btn .field { margin-left:8px; }
.cp_list .cp_btn .comText { padding:9px 10px; line-height:20px; font-size:15px; text-align:center; border:1px solid #767676; color:#767676; line-height:22px; height:40px; width:100%; }
.cp_list .cp_guide > li { position:relative; padding-left:6px; color:#222; font-weight:bold; }
.cp_list .cp_guide > li:before { content:""; width:2px; height:2px; position:absolute; left:0; background-color:#222; top:9px; }
.cp_list .cp_guide > li + li { margin-top:4px; }
.cp_list .cp_guide .brak { color:#555; font-weight:normal; }
.cp_list .coupon { position:relative; overflow:hidden; }
.cp_list .coupon .end { position:absolute; z-index:1; left:0; top:0; width:100%; }
.cp_list .coupon.coupon_end:before { content:"사용완료"; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; text-indent:-999px; background:url('../images/coupon/coupon_end.png') no-repeat 50% 50%; background-size:100% auto; }
.cp_list .coupon .code { text-align:center; top:0; bottom:0; right:18.12%; width:10.067%; white-space:nowrap; line-height:1; position:absolute; color:#585858; }
.cp_list .coupon .code > div { position:absolute; width:20px; height:20px; left:50%; top:50%; font-size:24px; transform:rotate(90deg) translate(-50%, -50%); -webkit-transform:rotate(90deg) translate(-50%, -50%); }
.cp_list .coupon .code > div > p { position:absolute; left:50%; top:90%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
@media all and (max-width:640px) { 
	.cp_list .coupon .code > div { margin-left:-3px; font-size:21px; }
}
@media all and (max-width:560px) { 
	.cp_list .coupon .code > div { margin-left:-5px; font-size:19px; }
}
@media all and (max-width:480px) { 
	.cp_list .coupon .code > div { margin-left:-6px; font-size:17px; }
}
@media all and (max-width:420px) { 
	.cp_list .coupon .code > div { margin-left:-8px; font-size:14px; }
}
@media all and (max-width:390px) { 
	.cp_list .coupon .code > div { margin-left:-10px; font-size:12px; }
}
@media all and (max-width:320px) { 
	.cp_list .coupon .code > div { margin-left:-12px; font-size:11px; }
}


/* 선물하기 */
.gift_wrap { margin:0 -15px; }
.gift_wrap .gift_tit { padding:0 15px 12px; border-bottom:1px solid #e5e5e5; }
.gift_wrap .gift_tit .tit { font-size:18px; color:#222; line-height:1.2; }
.gift_wrap .gift_tit .atx { padding-top:8px; }
.gift_wrap .gift_list > li { border-bottom:1px solid #ddd; }
.gift_wrap .gift_list > li > .bt { display:block; }
.gift_wrap .summary { position:relative; font-size:15px; font-weight:bold; padding:12px 15px; line-height:1.4; }
.gift_wrap .summary > li { position:relative; padding-left:70px; padding-right:50px; }
.gift_wrap .summary > li + li { margin-top:5px; }
.gift_wrap .summary > li > em { position:absolute; left:0; color:#222; }
.gift_wrap .summary > li > p { color:#765eeb; }
.gift_wrap .summary .time { font-weight:normal; color:#999; }
.gift_wrap .iconBgAfter:after { content:"\00a0"; width:15px; height:8px; position:absolute; right:20px; top:30px; background:url('../images/common/icons.png') no-repeat -300px -75px; background-size:500px auto; transition:transform 0.2s ease; -webkit-transition:transform 0.2s ease; }
.gift_wrap .on .iconBgAfter:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.gift_wrap .gift_status { display:none; border-top:1px solid #ddd; padding:15px; background-color:#fafafa; }
.gift_wrap .gift_status .detail { font-size:14px; color:#555; }
.gift_wrap .gift_status .detail > li { position:relative; padding:0 60px 0 5px; }
.gift_wrap .gift_status .detail > li + li { margin-top:10px; }
.gift_wrap .gift_status .detail .name { font-weight:bold; position:relative; }
.gift_wrap .gift_status .detail .name:before { content:""; position:absolute; left:-6px; top:10px; width:2px; height:2px; background-color:#555; }
.gift_wrap .gift_status .detail .code { color:#888; font-size:13px; padding-top:6px; }
.gift_wrap .gift_status .detail > li > strong { position:absolute; right:5px; top:0; width:45px; text-align:center; line-height:22px; font-size:12px; color:#fff; }
.gift_wrap .gift_status .detail > li > strong.unused { background-color:#765eeb; }
.gift_wrap .gift_status .detail > li > strong.used { background-color:#ddd; }
.gift_wrap .noti_gift { text-align:center; padding:50px 0 40px; }
.gift_wrap .noti_gift .figure img { max-height:75px; }
.gift_wrap .noti_gift .text { padding-top:20px; color:#555; }
.gift_wrap .noti_gift .text .tit { color:#333; font-size:17px; line-height:1.2; font-weight:bold; }
.gift_wrap .noti_gift .text .tit .b { color:#765eeb; }
.gift_wrap .noti_gift .text .desc { padding-top:12px; }
.gift_wrap .package_list { padding:16px 15px; }
.gift_wrap .package_list > li + li { margin-top:10px; }
.gift_wrap .package_list .rdo { display:block; text-indent:-25px; padding-left:25px; font-size:14px; font-weight:bold; color:#555; }
.gift_wrap .package_list .rdo .rdoBg { margin-right:3px; }
.gift_wrap .gift_guide { background-color:#fafafa; padding:12px 15px; margin-bottom:28px; }
.gift_wrap .frm_guide { background-color:#fafafa; padding:12px 15px; }
.gift_wrap .frm_guide .chk { display:block; text-indent:-25px; padding-left:25px; color:#ff2c31; font-weight:bold; }
.gift_wrap .frm_guide .chk .chkBg { margin-right:4px; }
.gift_wrap .frm_btns { padding-top:30px; text-align:center; }
.gift_wrap .frm_btns .btn { font-size:15px; font-weight:bold; display:inline-block; min-width:150px; line-height:20px; padding:10px 15px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.gift_wrap .input_form { padding:20px 15px; }
.gift_wrap .input_form > li { position:relative; padding-left:55px; }
.gift_wrap .input_form > li + li { margin-top:10px; }
.gift_wrap .input_form .lb { position:absolute; line-height:40px; left:0; top:0; color:#222; font-weight:bold; font-size:14px; }
.gift_wrap .input_form .lb em { color:#765eeb; position:relative; top:2px; left:-1px; }
.gift_wrap .input_form .comText { padding:9px 10px; line-height:20px; border:1px solid #ddd; color:#555; line-height:22px; height:40px; width:100%; }
.gift_wrap .input_form .selectbox { width:100%; display:block; }
.gift_wrap .input_form .comText, .gift_wrap .input_form .selectbox .txt { color:#555; }
.gift_wrap .tel_field { margin-left:-4px; }
.gift_wrap .tel_field:after { content:""; display:block; clear:both; }
.gift_wrap .tel_field .selectbox, .gift_wrap .tel_field .comText { text-align:center; }
.gift_wrap .tel_field > li { float:left; width:33.33%; padding-left:4px; box-sizing:border-box; -webkit-box-sizing:border-box; }


/* */
.bootstrap-datetimepicker-widget table td span { vertical-align:top; }
body .bootstrap-datetimepicker-widget .table-condensed { font-size:12px; }
body .bootstrap-datetimepicker-widget .table-condensed .picker-switch { color:#7858f0; font-size:15px; }
body .bootstrap-datetimepicker-widget .table-condensed thead th { color:#222; }
body .bootstrap-datetimepicker-widget .table-condensed thead tr:nth-child(2) > *:first-child,
body .bootstrap-datetimepicker-widget .table-condensed tbody tr > *:first-child { color:#ee6655; }
body .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color:#7858f0 !important; }
body .bootstrap-datetimepicker-widget table td.active, 
body .bootstrap-datetimepicker-widget table td.active:hover { background-color:#7858f0; color:#fff !important; }
body .bootstrap-datetimepicker-widget .table-condensed tbody tr > *.old, 
body .bootstrap-datetimepicker-widget .table-condensed tbody tr > *.new { opacity:0.6; }
body .bootstrap-datetimepicker-widget .table-condensed .decade,
body .bootstrap-datetimepicker-widget .table-condensed .year,
body .bootstrap-datetimepicker-widget .table-condensed .month { color:#222; }
body .bootstrap-datetimepicker-widget .table-condensed .year.active,
body .bootstrap-datetimepicker-widget .table-condensed .month.active { color:#fff; }
body .bootstrap-datetimepicker-widget .table-condensed .disabled { opacity:0.6; }
.search_frm .more_forms .formDate .bsDatePicker { padding-right:0; }
.search_frm .more_forms .formDate .bsDatePicker .comText { padding-right:50px; text-align:left; }
.formDate .btn_cal { position:absolute; right:0; top:0; height:100%; width:40px; z-index:-1; overflow:hidden; border:0; background-color:transparent; }
.formDate .btn_cal em { position:absolute; opacity:0; color:transparent; }
.search_frm .more_forms .formDate .lbDate .bootstrap-datetimepicker-widget { bottom:auto !important; top:38px !important; }
.search_frm .more_forms .formDate .lbDate .bootstrap-datetimepicker-widget.dropdown-menu:before { top:-7px !important; bottom:auto !important;  border-bottom: 7px solid #cccccc !important; border-bottom-color: rgba(0, 0, 0, 0.2) !important; border-top: 0 !important; border-top-color: transparent !important; }
.search_frm .more_forms .formDate .lbDate .bootstrap-datetimepicker-widget.dropdown-menu:after { top:-6px !important; bottom:auto !important; border-bottom: 6px solid white !important; border-top: 0 !important; }
