﻿@charset "utf-8";
@import url("style.css");
/* 
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("nanumgothic.css"); 
*/
body, input, textarea, select, table, button { font-family:'나눔고딕', NanumGothic, DroidSansFallback, 'Droid Sans', '돋움', Dotum, '맑은고딕', 'Malgun Gothic', '굴림', Gulim, Helvetica,sans-serif; }
#skipToContent, .quickNavi, .lgnb, .rgnb, .header, .gnbs, .pageNavigation, .helpDesk { display:none; }


html, body, .wrap, .area { height:100%; }
html { font-size:12px; }
body { color:#666; }
a:active { background-color:rgba(0,0,0,.1); }
img { max-width:100%; }

/* */
.purple { color:#620040 !important; }
.orange { color:#f77e4d !important; }
.black2 { color:#222 !important; }
.area { max-width:720px; margin:0 auto; }
.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; }

/* */
input, textarea, select { outline:0; }
button { background-color:transparent; -webkit-appearance:none; }
textarea { box-sizing:border-box; -webkit-box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling:touch; -webkit-appearance:none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#ccc !important; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#ccc !important; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#ccc !important
}
.inputs .field { margin:6px 0; }
.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; }
.comText::-webkit-input-placeholder { color:#666; }
.comText::-moz-placeholder { color:#666; opacity:1; }
.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; }
.chkBg { width:20px; height:20px; background-position:-350px -300px; }
.chkBg:checked { background-position:-325px -300px; }
.rdoBg { width:20px; height:20px; background-position:-350px -300px; }
.rdoBg:checked { background-position:-325px -300px; }
/* */
.field { position:relative; }
.field .btDel { display:none; position:absolute; z-index:1; width:18px; height:18px; position:absolute; right:8px; top:50%; margin-top:-9px; overflow:hidden; background-position:-450px 0px; text-indent:-999px; border:0; border-radius:50%; appearance:none; -webkit-appearance:none; }

/* */
.loadimg { position:relative; height:29px; }
.loadimg>span, div.wait>div { width:29px; height:29px; position:absolute; left:50%; margin:-15px 0 0 -15px; top:50%; animation:loading 1s infinite linear; -ms-animation:loading 1s infinite linear; -webkit-animation:loading 1s infinite linear; background-position:-175px -300px; /* background:url('../images/common/loadings.png') no-repeat 50% 50%; background-size:34px auto; */
}
.loadimg>img { width:29px !important; height:29px !important; position:absolute; left:50%; margin:-15px 0 0 -15px; top:50%; animation:loading 1s infinite linear; -ms-animation:loading 1s infinite linear; -webkit-animation:loading 1s infinite linear; }
@keyframes loading { 
    0% { transform:rotate(0);  -ms-transform:rotate(0); }
    100% { transform:rotate(360deg);  -ms-transform:rotate(360deg); }
}
@-webkit-keyframes loading { 
    0% { -webkit-transform:rotate(0); }
    100% { -webkit-transform:rotate(360deg); }
}

/* 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:0px 34px 5px 10px; height:28px; line-height:28px; border:1px solid #ddd; color:#333; }
.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 -450px -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%; *height:auto; padding:0; border:0; width:100%; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; color:#666; background-color:#fff; }

/* 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; }
/* */
.selectbox .txt, .comText, .comTa { font-size:14px; color:#333; }
.comTa { border:1px solid #ddd; width:100%; padding:8px; }

/** JQuery datepicker css */
#ui-datepicker-div { margin-top:5px; padding:10px 15px !important; font-size:13px; z-index:12 !important; -webkit-perspective:1; }
.ui-widget { font-family:NanumGothic, '돋움', Dotum, Arial, sans-serif !important; }
.ui-datepicker-header { background:none !important; border:none !important; margin-bottom:4px !important; }
.ui-datepicker .ui-datepicker-next { right:40px !important; }
.ui-datepicker .ui-datepicker-prev { left:40px !important; }
.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; }
.ui-icon-circle-triangle-w { background:url('../images/common/icon_arrow_left.gif') no-repeat center center !important; }
.ui-icon-circle-triangle-e { background:url('../images/common/icon_arrow_right.gif') no-repeat center center !important; }
.ui-datepicker-calendar { border-top:solid 2px #666 !important; }
.ui-datepicker-calendar th { background:#f8f8f8 !important; border:solid 1px #e5e5e5 !important; padding:5px !important; }
.ui-datepicker-calendar td { border:solid 1px #e5e5e5 !important; padding:3px !important; }
.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:#f5e5da !important; }
.ui-datepicker-current-day { background:#fffec7 !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; }
}
.datepickerArea { margin-bottom:30px; }
.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%; height:100%; 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:0 -350px !important; }
.datepickerArea .ui-icon-circle-triangle-e { background-position:-25px -350px !important; }
.datepickerArea .ui-datepicker .ui-datepicker-title { font-size:18px; color:#871083; }
.datepickerArea .ui-datepicker table { font-size:14px; margin-bottom:0; }
.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 .ui-datepicker-header { padding:0; padding-bottom:7px; }
.datepickerArea .ui-datepicker-header { margin-bottom:0 !important
}
.datepickerArea .ui-datepicker-calendar { border-top:0 !important; }
.datepickerArea .ui-datepicker-calendar th { padding:0 !important; border:0 !important; background-color:transparent !important; height:32px; font-weight:normal; color:#222; }
.datepickerArea .ui-datepicker-calendar td { border-color:#fff !important; border-width:2px !important; background-color:#f4f1f9; height:32px; }
.datepickerArea .ui-datepicker-calendar thead tr th:first-child,
.datepickerArea .ui-datepicker-calendar tbody .ui-datepicker-week-end { color:#ee4651; }
.datepickerArea .ui-datepicker-today { background-color:#dfdbe5 !important; }
.datepickerArea .ui-datepicker-current-day { background-color:#871083 !important; }
.datepickerArea .ui-state-active,
.datepickerArea .ui-widget-content .ui-state-active,
.datepickerArea .ui-widget-header .ui-state-active { color:#fff !important; }
.datepickerArea .dpclose { z-index:3; position:absolute; top:15px; right:5px; width:30px; height:30px; }
.datepickerArea .dpclose em { position:absolute; width:0; height:0; overflow:hidden; }
.datepickerArea .dpclose:before { content:"\00a0"; position:absolute; width:14px; height:14px; top:50%; left:50%; margin:-7px 0 0 -7px; background-position:-75px -350px; overflow:hidden; text-indent:-999px; }




/* common iamge */
.login .loginForm .forms .txtBg:before,
.loadimg>span, div.wait>div,
.gnbs .gnb > li a.on:after,
.field .btDel,
.chkBg, .rdoBg,
.iconBgBefore:before,
.iconBgAfter:after,
.iconBg { background-repeat:no-repeat; background-image:url('../images/common/icons.png'); background-size:500px auto; }


/* */
.ani { transition-property:top; -webkit-transition-property:top; transition-duration:0.7s; -webkit-transition-duration:0.7s; }
.ani { transition-duration:0.4s; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:linear; transition-timing-function:linear; }



/* content */
.wrap, aside { -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; -webkit-transition-duration:0.2s; transition-duration:0.2s; }
.wrap { min-width:320px; width:100%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-property:margin-left; transition-property:margin-left; }
.container { position:relative; z-index:1; background-color:#fff; }
.container .content { }


/* footer */
.footer { position:relative; }
.footer .lnks { padding:10px; background-color:#fff; letter-spacing:-4px; border-top:1px solid #d6d6d6; font-size:11px; }
.footer .lnks > ul { position:relative; }
.footer .lnks li { min-width:40px; display:inline-block; color:#838383; font-weight:bold; text-align:center; letter-spacing:0; }
.footer .lnks li:first-child { margin-left:0; }
.footer .lnks li a { display:block; padding:2px 10px; line-height:20px; background-color:#e0e0e0; border:1px solid #cfcfcf; border-radius:5px; margin:0 4px; }
.footer .lnks li a.btTop { position:absolute; right:0; top:0; margin:0; padding:0; width:27px; height:26px; border:0; border:0; border-radius:0; background-position:-150px -350px; }
.footer .lnks li a.btTop em { width:0; height:0; position:absolute; overflow:hidden; }
.footer .conts { border-top:1px solid #d9d9d9; padding:15px 10px 18px; color:#868686; }
.footer .desc { line-height:1.8; font-size:10px; }
.footer .desc .mail:before { content:"\00a0"; display:inline-block; vertical-align:middle; position:relative; margin-right:4px; width:12px; height:9px; background-position:-125px -350px; }
.footer .desc .copyright { padding-top:8px; }
.footer .contact { padding-bottom:15px; position:relative; }
.footer .help { font-size:13px; font-weight:bold; }
.footer .snsLink { position:absolute; right:0; top:-2px; }
.footer .snsLink:after { content:""; display:block; clear:both; }
.footer .snsLink > li { float:left; margin-left:6px; }
.footer .snsLink > li:first-child { margin-left:0px !important; }
.footer .snsLink > li a { display:block; padding:2px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.footer .snsLink > li a em { display:block; width:18px; height:16px; overflow:hidden; position:relative; text-indent:-999px; overflow:hidden; }
.footer .snsLink > li a em:after { content:"\00a0"; text-indent:0; position:absolute; left:0; }
.footer .snsLink > li a .fb { background-position:-300px 0; }
.footer .snsLink > li a .blog { background-position:-325px 0; }
.footer .snsLink > li a .tw { background-position:-350px 0; }
.footer .snsLink > li a .insta { background-position:-375px 0; }
.footer .snsLink > li a .mov { background-position:-400px 0; }
.footer .snsLink > li a .mov:after { background-image:none; width:auto; height:auto; top:auto; left:0; margin:0; }
@media all and (max-width:359px) {
    .footer .help a { letter-spacing:-1px; }
    .footer .snsLink > li { margin-left:3px; }
}




/* main page */
.slick-initialized .slick-slide { outline:0 !important; }
.mainContents { background-color:#e2e2e2; padding-bottom:10px; padding-top:8px; border-top:1px solid #d7d7d7; }
.mainContents > article { margin:10px 0; background-color:#fff; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.mainContents > article:first-child { margin-top:0; }
.mainContents > article:last-child { margin-bottom:0; }
.mainContents .mt { color:#342040; font-size:15px; font-weight:bold; padding:13px 10px 10px; }
.mainContents .more { position:absolute; top:6px; right:2px; width:30px; height:30px; }
.mainContents .more em { position:absolute; width:0; height:0; overflow:hidden; }
.mainContents .more:before { display:block; content:"\00a0"; margin:8px auto; width:14px; height:14px; background-position:-200px -350px; }
.mainContents .mainBanner { border:0; }
.mainContents .mainBanner > a { display:block; }
/* */
.mainContents .moreLists { background-color:transparent; border:0; }
.mainContents .moreLists .center a { display:block; }
.mainContents .moreLists .lst { white-space:nowrap; letter-spacing:-4px; padding:0 5px; }
.mainContents .moreLists .lst > li { display:inline-block; letter-spacing:0; padding:0 5px; width:288px; }
.mainContents .moreLists .lst > li a { display:block; position:relative; }
.mainContents .moreLists .lst > li a:before { content:"\00a0"; position:absolute; }
.mainContents .moreLists .lst > li img { max-width:288px; }
.mainContents .moreLists .scroller { position:relative; height:130px; overflow:hidden; }
.mainContents .moreLists .scrollArea { position:absolute; height:100%; }
/* */
.mainContents .showLink { padding:15px 10px; }
.mainContents .showLink .lst > li { margin-top:10px; border:1px solid #e9e9e9; }
.mainContents .showLink .lst > li:first-child { margin-top:0; }
.mainContents .showLink .lnk { display:table; table-layout:fixed; width:100%; }
.mainContents .showLink .lnk > * { display:table-cell; vertical-align:middle; height:77px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.mainContents .showLink .lnk .desc { padding:5px 15px 5px 10px; }
.mainContents .showLink .lnk .img { width:119px; }
@media all and (min-width:399px) { 
	.mainContents .showLink .lnk .img { width:134px; }
}
.mainContents .showLink .sst { font-size:11px; color:#919090; font-weight:bold; }
.mainContents .showLink .tit { font-size:14px; color:#262526; font-weight:bold; margin:4px 0; max-height:36px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; }
.mainContents .showLink .date { color:#909090; font-size:11px; }
/* */
.mainContents .mainNews { position:relative; padding-bottom:10px; }
.mainContents .mainNews .lst { padding:0 10px; }
.mainContents .mainNews .lst > li { border-top:1px solid #ccc; line-height:33px; }
.mainContents .mainNews .lst > li a { display:block; position:relative; padding-right:70px; }
.mainContents .mainNews .lst > li p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; font-size:13px; }
.mainContents .mainNews .lst > li p em { display:inline-block; vertical-align:middle; font-size:10px; line-height:18px; padding:0 8px; min-width:20px; border:1px solid #63065f; color:#63065f; border-radius:15px; margin-right:7px; position:relative; top:-1px; }
.mainContents .mainNews .date { position:absolute; right:0; top:0; color:#777; font-size:10px; }
.mainContents .mainNews .noData { padding:0; /* -webkit-box-pack:start; -ms-flex-pack:start; -moz-box-pack:start; box-pack:start; */ }
/* */
.mainContents .mainEventList { position:relative; padding-bottom:10px; }
.mainContents .mainEventList .mt { padding-bottom:13px; }
.mainContents .mainEventList .lst .panel { padding:0 10px; }
.mainContents .mainEventList .lnk { position:relative; display:block; max-width:680px; margin:0 auto; }
.mainContents .mainEventList .img { position:relative; text-align:center; overflow:hidden; }
.mainContents .mainEventList .img img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.mainContents .mainEventList .img img.m { position:static; top:auto; left:auto; height:auto; }
.mainContents .mainEventList .desc { position:absolute; bottom:0; left:0; right:0; padding:12px 15px; z-index:1; background-color:#6f1661; }
.mainContents .mainEventList .desc .tits { color:#fff; font-weight:bold; font-size:14px; line-height:1.4; /* padding-right:65px; */ }
.mainContents .mainEventList .desc .tit { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mainContents .mainEventList .desc .date { font-weight:bold; color:#cdbac9; font-size:10px; margin-top:8px; }
.mainContents .mainEventList .desc .status { display:none; position:absolute; right:13px; bottom:12px; background-color:#430d3a; border-radius:4px; color:#fff; line-height:32px; text-align:center; min-width:48px; padding:0 5px; font-size:13px; }
.mainContents .mainEventList .slick-dots { padding:12px 0 4px; text-align:center; line-height:10px; }
.mainContents .mainEventList .slick-dots > li { display:inline-block; margin:0 3px; vertical-align:top; }
.mainContents .mainEventList .slick-dots > li button { vertical-align:top; display:block; border:0; overflow:hidden; text-indent:-999px; width:8px; height:8px; border:1px solid #63065f; background-color:#fff; border-radius:50%; }
.mainContents .mainEventList .slick-dots .slick-active button { background-color:#63065f; }
/* */
.mainContents .mainSlider { padding-top:16px; }
.mainContents .mainSlider.active .panel { padding:0 52px; }
.mainContents .mainSlider.active .desc,
.mainContents .mainSlider .slick-center .desc { opacity:1; }
.mainContents .mainSlider.active .panel:after,
.mainContents .mainSlider .slick-center .panel:after { display:none; }
.mainContents .mainSlider .desc { padding:16px 0; height:100px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; transition:opacity 0.2s ease-out; -webkit-transition:opacity 0.2s ease-out; opacity:0; }
.mainContents .mainSlider .desc .tit { border-bottom:1px solid #ccc; padding-bottom:5px; color:#342040; font-size:14px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mainContents .mainSlider .desc .etc { padding-top:9px; line-height:1.6; color:#575757; padding-right:65px; }
.mainContents .mainSlider .desc .etc p { white-space:nowrap; }
.mainContents .mainSlider .desc .etc .date { letter-spacing:-1px; }
.mainContents .mainSlider .desc .etc .hall { overflow:hidden; text-overflow:ellipsis; }
.mainContents .mainSlider .desc .btn { display:block; position:absolute; bottom:16px; right:0; color:#fff; background-color:#63065f; border-radius:4px; color:#fff; line-height:32px; text-align:center; min-width:50px; padding:0 5px; font-size:12px; }
.mainContents .mainSlider .desc .btn.package { background-color:#f18434; }
.mainContents .mainSlider .img { border:1px solid #aaa; overflow:hidden; }
.mainContents .mainSlider .img img { width:100%; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.mainContents .mainSlider .img img.m { position:static; top:auto; left:auto; height:auto; }
.mainContents .mainSlider .img a { display:block; position:relative; }
.mainContents .mainSlider .panel { padding:0 12px; position:relative; }
.mainContents .mainSlider .panel:after { content:""; position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; }


/* sub page */
.subContents { padding:30px 20px 30px; }
@media all and (min-width:676px) { 
        .subContents { padding-left:42px; padding-right:42px; }
        .setupList { margin: 0 -42px; }
}
/* list search */
.searchBox { padding-bottom:30px; }
.searchBox .forms > li { margin-top:-1px; }
.searchBox .forms + .forms { padding-top:30px; }
.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; }
.searchBox .searchText .searchBtn .iconBg { display:block; vertical-align:top; width:40px; height:40px; background-position:-400px -50px; overflow:hidden; text-indent:-999px; }
.searchBox .searchText .searchBtn .iconBg:after { content:"\00a0"; position:absolute; left:0; text-indent:0; }
.searchBox .formDate > .lbDate { float:left; width:50%; margin-left:-1px; }
.searchBox .formDate:after { content:""; display:block; clear:both; }
.formDate > .lbDate { padding-right:40px; display:block; position:relative; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; }
.formDate > .lbDate.iconBgAfter:after { content:"\00a0"; position:absolute; width:21px; height:21px; top:50%; margin-top:-11px; right:10px; background-position:0 -300px; }
.formDate > .lbDate.focus { outline:1px solid #96b8ef; z-index:1; }
.formDate > .lbDate:first-child { margin-left:0; }
.formDate > .lbDate .comText { width:100%; outline:0; padding-left:10px; padding-right:10px; text-align:center; }


/* tab button */
.tabNav { margin-bottom:30px; }
.tabList { display:table; table-layout:fixed; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border-left:1px solid #e5e5e5; }
.tabList > li { display:table-cell; vertical-align:top; position:relative; border-right:1px solid #e5e5e5; background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#fdfdfd; }
.tabList > li a { position:relative; display:block; padding:0 5px; line-height:34px; text-align:center; border-top:1px solid #e5e5e5; font-size:13px; white-space:nowrap; font-weight:bold; }
.tabList > li a.on { color:#222; background-color:#fff; }
.tabList > li a.on:before { content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:3px; background-color:#871083; }
/* tab button */
.mlineNav { overflow:hidden; }
.mlineNav .tabList { display:block; }
.mlineNav .tabList:after { content:""; display:block; clear:both; }
.mlineNav .tabList > li { float:left; width:50%; }
.mlineNav .tabList > li a:after { content:""; position:absolute; bottom:-1px; left:-1px; right:-1px; height:1px; background-color:#e5e5e5; }
@media all and (max-width:399px) { 
    .tabList > li .sfont { letter-spacing:-1px;  display:block;  font-size:12px; }
}
@media all and (max-width:359px) { 
    .tabList > li .sfont { font-size:11px; }
    .tabList > li .sfont2 { letter-spacing:-1px;  font-size:12px; }
    .mainContents .mainSlider .desc .etc { font-size:11px; padding-right:60px; }
    .mainContents .mainSlider .desc .btn { min-width:40px; font-size:11px; }
}
/* tab content */
.tabs { display:block; }
.tabs > li { display:none; }
.tabs > li.on { display:block; }

/* common title */
.st { font-size:18px; color:#222; line-height:1.25; font-weight:bold; }
.st.rect:before { content:""; display:inline-block; vertical-align:middle; background-color:#222; width:4px !important; height:4px !important; margin-right:6px !important; position:relative; top:-1px; }
/* */
.exLink { padding:0 24px; line-height:45px; display:block; text-align:center; color:#fff; background-color:#620040; font-size:14px; font-weight:bold; }
.exLink:active { background-color:#330022; }
.refer { padding-bottom:30px; line-height:1.5; font-weight:bold; }
.refer .rect:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:5px; position:relative; top:-1px; }
.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; }

/* */
.writeBtns { position:relative; min-height:45px; padding-bottom:30px; padding-right:120px; }
.writeBtns .exLink { position:absolute; top:0; right:0; min-width:60px; }
.writeBtns .wTitle { display:table; table-layout:fixed; min-height:45px; width:100%; }
.writeBtns .refer,
.writeBtns .wTitle .st { display:table-cell; vertical-align:middle; padding-bottom:0; }

/* alert notice */
.alertDesc { padding:12px 6px; background-color:#f4f1f9; font-size:10px; line-height:1.5; margin:15px 0; }
.alertDesc .alert { color:#630660; font-size:11px; padding-bottom:1em; }
.alertDesc .alert:before { content:"\00a0"; width:11px; height:11px; display:inline-block; margin-right:4px; position:relative; top:-1px; vertical-align:middle; background-position:-450px -200px; }

/* 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:#630660; 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; }


/* 로그인 */
.login { margin-top:-30px; padding-top:8px; 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 .findSelect { padding-top:17px; position:relative; }
.login .findSelect ul:after { content:""; display:block; clear:both; }
.login .findSelect li { display:inline-block; margin-left:2px; }
.login .findSelect li:first-child { margin-left:0; }
.login .findSelect li:before { content:"\00a0|\00a0"; display:inline-block; vertical-align:middle; margin-right:4px; position:relative; top:-1px; }
.login .findSelect li:first-child:before { display:none; }
.login .findSelect li a { color:#2e2e2e; }
.login .lnkJoin { position:absolute; right:0; top:10px; background-color:#817e81; padding:6px 10px; color:#fff; font-weight:bold; font-size:11px; }
.login .loginForm { position:relative; }
.login .loginForm .btLogin { margin-top:17px; width:100%; display:block; background-color:#630560; border:0; line-height:44px; text-align:center; color:#fff; font-size:14px; font-weight:bold; }
.login .loginForm .chkgp { padding-top:23px; }
.login .loginForm .chkgp:after { content:""; display:block; clear:both; }
.login .loginForm .chkgp > p { color:#2e2e2e; font-size:13px; }
.login .loginForm .chkgp .chkBg { margin-right:5px; }
.login .loginForm .forms > li { padding-top:5px; }
.login .loginForm .forms .txtBg { border:0; border-bottom:1px solid #bbb; padding-left:26px; }
.login .loginForm .forms .txtBg:before { content:"\00a0"; position:absolute; left:0; width:20px; height:24px; top:50%; margin-top:-12px; }
.login .loginForm .forms .txtBg .comText { height:48px; padding-top:14px; padding-bottom:14px; outline:0; }
.login .loginForm .forms .txtBg.focus { outline:0; border-bottom-color:#96b8ef; }
.login .loginForm .forms .inputId.txtBg:before { background-position:-250px -350px; }
.login .loginForm .forms .inputPw.txtBg:before { background-position:-275px -350px; }
.login .loginHelp { margin-top:17px; border:1px solid #e2e2e2; color:#868686; background-color:#eee; padding:35px 10px 38px; text-align:center; line-height:1.8; }
.login .loginHelp .pt { color:#2e2e2e; font-size:16px; padding-bottom:15px; }
.login .loginHelp .pt strong { color:#630560; }
.login .loginHelp .rdx { margin:16px 0 10px; display:inline-block; border:1px solid #630560; color:#630560; border-radius:15px; padding:0 11px; }
.login .loginHelp .rdx + p { font-size:11px; color:#2e2e2e; }


/* 설정 */
.setupList { margin:-30px -20px 0; padding-bottom:3px; background-color:#e2e2e2; }
.setupList .lst { padding:1px 0 0; }
.setupList .lst:first-child { padding-top:0; }
.setupList .lst > li { background-color:#fff; border-top:1px solid #d9d9d9; font-size:15px; display:table; table-layout:fixed; width:100%; }
.setupList .lst > li:first-child { border-top:0; }
.setupList .bn { position:relative; padding:11px 34px 11px 18px; height:34px; display:table-cell; vertical-align:middle; }
.setupList .bn .rt { position:absolute; right:38px; font-size:14px; line-height:20px; top:50%; margin-top:-10px; }
.setupList .bn .dsc { font-size:12px; color:#909090; padding-top:4px; }
.setupList .bn .t { color:#2e2e2e; }
.setupList .lst > li .switchbox { position:absolute; top:50%; margin-top:-14px; right:14px; }
.setupList .bn.iconBgAfter:after { content:"\00a0"; position:absolute; width:8px; height:16px; top:50%; margin-top:-8px; right:18px; background-position:-350px -350px; }
.switchbox { display:inline-block; overflow:hidden; width:54px; height:27px; border-radius:15px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); cursor:pointer; outline:0; }
.switchbox .sw { position:absolute; left:0; z-index:-1; opacity:0; }
.switchbox .sw:focus { outline:none; }
.switchbox .sw + span { position:absolute; top:0; bottom:0; left:0; right:0; background-color:#d9d9d9; border:1px solid #d4d4d4; border-radius:15px; -webkit-transition:background-color 0.25s; transition:background-color 0.25s; } 
.switchbox .sw + span > em { position:absolute; margin:2px; top:0; bottom:0; left:0; right:auto; width:21px; background-color:#fff; border-radius:50%; -webkit-transition:all 0.25s; transition:all 0.25s; box-shadow:1px 1px 2px rgba(187,187,187,1); -webkit-box-shadow:1px 1px 2px rgba(187,187,187,1); }
.switchbox .sw:checked + span { background-color:#63065f; border-color:#4d014a; }
.switchbox .sw:checked + span > em { left:27px; right:0; box-shadow:1px 1px 2px rgba(86,5,82,1); -webkit-box-shadow:1px 1px 2px rgba(86,5,82,1); }


/* 회사소개 */
.sejongpac { margin-top:-30px; padding:0 10px; }
.sejongpac .img { max-width:640px; margin:0 auto; padding-bottom:1px; border-bottom:1px solid #ddd; }
.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:5px; }
.sejongpac .info table th { width:110px; padding-left:0; color:#222; }
.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; }


/* 공지사항 */
.noticeList .searchBox { padding-bottom:15px; }
.noticeList .scheduleForms { padding-top:15px; padding-bottom:15px; }
.noticeList .noData { height:75px; }
.noticeList .lst { border-top:1px solid #ddd; }
.noticeList .lst > li { border-bottom:1px solid #ddd; }
.noticeList .lst > li > a { display:block; }
.noticeList .lst > li .desc { position:relative; padding:15px 0; }
.noticeList .lst > li .desc .tit { font-weight:bold; color:#222; font-size:17px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:42px; }
.noticeList .lst > li .desc .listInfos { padding-top:12px; }
.noticeList .lst > li .desc .listInfos:first-child { padding-top:0; padding-bottom:6px; }
.noticeList .lst > li .desc .type { color:#620040; font-weight:bold; padding-bottom:5px; }
.noticeList .lst > li .desc .period { color:#f77e4d; font-weight:bold; padding-top:12px; }
.noticeList .lst > li .desc .nowrap { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
/* 관심공연 */
.favList .lst > li { position:relative; }
.favList .lst > li .desc { padding-bottom:50px; }
.favList .lst > li .desc .listInfos { padding-top:8px; }
.favList .lst > li .desc .listInfos > li { font-weight:normal; float:none; padding-top:5px; }
.favList .lst > li .desc .listInfos > li:first-child { padding-top:0; }
.favList .lst > li .btn { position:absolute; bottom:15px; left:0; background-color:#fbfbfb; padding:4px 10px; color:#222; font-weight:bold; border:1px solid #ddd; border-bottom-color:#bbb; }
.favList .lst > li .stype { color:#630660; font-weight:bold; padding-bottom:8px; }
/* 채용공고 알림 */
.recruitInfomations { background-color:#f4f1f9; padding:15px 10px; margin-bottom:30px; line-height:1.5; }
.recruitInfomations dt { font-weight:bold; color:#222; padding-top:15px; }
.recruitInfomations dt:first-child { padding-top:0; }
.recruitInfomations dd { padding-left:0.667em; text-indent:-0.667em; }
/* 채용정보 상세 */
.rtit { display:block; color:#222; font-weight:bold; padding-bottom:6px; }
.rtit:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:4px; position:relative; top:-1px; }
.tbRecruit { table-layout:auto; line-height:1.6; padding-bottom:15px; }
.tbRecruit th, .tbRecruit td { vertical-align:top; }
.tbRecruit th { text-align:left; white-space:nowrap; }
.tbRecruit td { padding-left:10px; }
.tbRecruit td p { padding-left:0.667em; text-indent:-0.667em; }
/* 대관안내 */
.rentList { padding-top:30px; }


/* 문화공간 */
.culture .poster { position:relative; margin:0 auto; max-width:636px; text-align:center; }
.culture .poster img { border:1px solid #ddd; }
.culture .poster .view { position:absolute; width:40px; height:40px; background-position:-375px -300px; top:0; right:0; }
.culture .poster .view em { position:absolute; width:0; height:0; overflow:hidden; }
.culture .cultureDesc { font-weight:bold; line-height:1.5; padding-top:30px; margin-top:30px; padding-bottom:15px; border-top:1px solid #ddd; }
.culture .bookList { margin-top:-15px; overflow:hidden; text-align:center; }
.culture .bookList .lst { margin:-5px; }
.culture .bookList .lst:after { content:""; display:block; clear:both; }
.culture .bookList .lst > li { width:33.333%; padding:5px; float:left; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; }
.culture .bookList .lst > li > a { display:block; max-width:196px; }
.culture .bookList .lst > li > a img { border:1px solid #ddd; }
.culture .bookList .lst > li:nth-child(3n+2) > a { margin:0 auto; }
.culture .bookList .lst > li:nth-child(3n) > a { float:right; max-width:100%; }


/* faq */
.searchBox + .faqList { margin-top:-15px; }
.faqList { margin-top:15px; }
.faqList .lst { border-top:1px solid #ddd; }
.faqList .lst > li { border-bottom:1px solid #ddd; }
.faqList .lst > li > a { display:block; }
.faqList .iconBgAfter:after { content:"\00a0"; width:14px; height:8px; position:absolute; right:13px; top:50%; margin-top:-4px; background-position:-75px -300px; }
.faqList .on .iconBgAfter:after { background-position:-50px -300px; }
.faqList .qust { position:relative; padding:15px 35px 15px 0; }
.faqList .qust strong { color:#620040; }
.faqList .qust .tit { padding-top:10px; font-size:15px; font-weight:bold; color:#222; line-height:1.3; }
.faqList .answer { display:none; line-height:1.5; padding:13px 10px; background-color:#f4f1f9; border-top:1px solid #ddd; }
.faqList .noData { height:72px; }


/* 고객의 소리 */
.searchBox + .qnaList { margin-top:-15px; }
.qnaList { margin-top:15px; }
.qnaList .lst { border-top:1px solid #ddd; }
.qnaList .lst > li { border-bottom:1px solid #ddd; position:relative; }
.qnaList .lst > li > a { display:block; position:relative; padding:15px 10px 15px 0; }
.qnaList .type { color:#620040; font-weight:bold; }
.qnaList .tit { padding-top:10px; padding-left:62px; font-size:15px; font-weight:bold; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.qnaList .tit strong { position:absolute; margin-top:-1px; left:0; width:54px; color:#fff; text-align:center; line-height:20px; font-size:12px; }
.qnaList .tit strong.answer { background-color:#ff8519; }
.qnaList .tit strong.question { background-color:#cdcdcd; }
.qnaList .info { letter-spacing:-4px; padding-top:11px; }
.qnaList .info > li { display:inline-block; padding:0 10px; position:relative; letter-spacing:0; font-weight:bold; }
.qnaList .info > li:before { position:absolute; left:-1px; content:"|"; color:#ccc; font-weight:normal; }
.qnaList .info > li:first-child { padding-left:0; }
.qnaList .info > li:first-child:before { display:none; }
.qnaList .lock { position:absolute; top:15px; right:10px; width:12px; height:12px; background-position:-100px -300px; }
.qnaList .lock em { width:0; height:0; overflow:hidden; display:block; }
.qnaList .noData { height:96px; }
/* 나의문의 */
.myQnaList { margin-top:0; }
.myQnaList .date { position:absolute; top:15px; right:10px; font-size:11px; font-weight:bold; }
.myQnaList .lst > li > a { padding-bottom:50px; }
.myQnaList .lst > li .btn { position:absolute; bottom:15px; left:0; background-color:#fbfbfb; padding:4px 10px; color:#222; font-weight:bold; border:1px solid #ddd; border-bottom-color:#bbb; }


/* 천원의 행복 */
.requestList .alertDesc { margin-bottom:30px; }
.requestList .noData { height:75px; }
.requestList .lst { border-top:1px solid #ddd; }
.requestList .lst > li { border-bottom:1px solid #ddd; }
.requestList .lst > li > a { display:block; }
.requestList .lst > li .desc { position:relative; padding:15px 0; }
.requestList .lst .tit { font-weight:bold; color:#222; font-size:17px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:42px; }
.requestList .lst .dinfo { padding-top:8px; }
.requestList .lst .dinfo > li { padding-top:4px; }
.requestList .lst .type { color:#ff8519; font-weight:bold; padding-bottom:5px; }
.requestList .lst .status { position:absolute; right:0; bottom:15px; font-weight:bold; padding:0 5px; min-width:36px; text-align:center; line-height:20px; color:#fff; background-color:#cdcdcd; }
.requestList .lst .status.fail { background-color:#666; }
.requestList .lst .status.win { background-color:#ff8519; }


/* common list */
.comList .writeBtns { border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px; }
.comList .st { padding-bottom:15px; }
.comList .lst > li { position:relative; padding:15px 0; }
.comList .lst > li:first-child { padding-top:0; }
.comList .lst > li > a { display:block; }
.comList .lst .lnk { border:1px solid #ddd; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); }
.comList .lst .img { position:relative; text-align:center; }
.comList .lst .summary { padding:25px 20px; }
.comList .lst .summary .desc { line-height:1.6; padding-top:16px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:40px; }
.comList .noData { height:75px; }
.comList .moreList { margin-top:15px; }
.moreList { display:block; text-align:center; color:#333; font-size:13px; margin:30px 0; font-weight:bold; padding:13px; border:1px solid #ddd; border-bottom-color:#bbb; /* line-height:1.25; */ line-height:16px; }
.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.gif') no-repeat 0 0; background-size:14px auto; }


/* 글쓰기 */
.writeForms .forms { border-bottom:1px solid #ddd; 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:35px; margin-top:15px; font-weight:bold; }
.writeForms .field .selectbox { display:block; }
.writeForms .field .lb { position:absolute; left:0; font-size:14px; line-height:40px; white-space:nowrap; color:#222; }
.writeForms .field .comTa { height:200px; padding-top:11px; padding-bottom:11px; }
.writeForms .formBtn { padding-top:15px; }
.writeForms .wTitle { padding-bottom:30px; }
/* */
.replyForms .forms { border-bottom:0; padding-bottom:15px; margin-bottom:0; }
/* */
.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:42px; 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-weight:bold; font-size:14px; text-align:center; }
.formBtn .btns > li .btPurple { background-color:#620040; color:#fff; border-color:#620040; border-bottom-color:#3b0027; }
.formBtn .btns > li .btGray { background-color:#4f4f4f; color:#fff; border-color:#4f4f4f; border-bottom-color:#4f4f4f; }
/* error */
.error .formBtn { padding-left:28px; padding-right:28px; }
.error .formBtn .btns > li * { font-size:15px; }
.error .formBtn .btns > li .btPurple { background-color:#871183; border-color:#871183; border-bottom-color:#871183; }
.error {  padding-bottom:30px; }
.error .errCode { font-size:36px; padding-bottom:20px; letter-spacing:-1px; color:#222; }
.error .errCode em { color:#871183; 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; } 
}


/* 공연정보 상세 */
.showDescription .showTitle { position:relative; padding-bottom:30px; }
.showDescription .showTitle .tit { color:#222; font-size:18px; }
.showDescription .showTitle .snsList { position:absolute; right:-12px; top:-12px; z-index:1; }
.showDescription .showTitle .snsList .btSns,
.showDescription .showTitle .snsList .list .iconBg { display:block; position:relative; height:42px; width:42px; }
.showDescription .showTitle .snsList .list .iconBg > em,
.showDescription .showTitle .snsList .btSns em { display:block; width:0; height:0; overflow:hidden; }
.showDescription .showTitle .snsList .btSns { background-position:-200px -250px
}
.showDescription .showTitle .snsList .btSns:after { content:"\00a0"; position:absolute; }
.showDescription .showTitle .snsList.on .btSns, .showDescription .showTitle .snsList .btSns.on { background-position:-250px -250px; }
.showDescription .showTitle .snsList .fb { background-position:-300px -250px; }
.showDescription .showTitle .snsList .blog { background-position:-350px -250px; }
.showDescription .showTitle .snsList .kakao { background-position:-400px -250px; }
.showDescription .showTitle .snsList .addr { background-position:-450px -250px; }
.showDescription .showTitle .snsList .list { position:absolute; right:50px; top:0; min-width:168px; display:none; }
.showDescription .showTitle .snsList .list:after { content:""; display:block; clear:both; }
.showDescription .showTitle .snsList .list > li { float:left; }
.showDescription .showTitle .snsList.on .list { display:block; }
.showDescription .summarys { padding-bottom:30px; }
.showDescription .summarys .infos { display:table; table-layout:fixed; width:100%; }
.showDescription .summarys .infos > * { display:table-cell; vertical-align:top; }
.showDescription .summarys .infos .img { width:25.781%; max-width:165px; min-width:83px; }
.showDescription .summarys .infos .img + .desc { padding-left:13px; }
.showDescription .summarys .infos .desc { color:#222; }
.showDescription .summarys .infos .desc li { padding-top:8px; padding-left:35px; line-height:1.5; }
.showDescription .summarys .infos .desc li:first-child { padding-top:0; }
.showDescription .summarys .infos .desc li em { display:inline-block; margin-left:-35px; min-width:35px; font-weight:bold; color:#630660; }
.showDescription .summarys .infos .desc li .price { color:#ac32a8; }
.showDescription .showLinks { display:table; table-layout:fixed; width:100%; border:1px solid #ddd; margin-bottom:35px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.showDescription .showLinks > li { display:table-cell; border-left:1px solid #ddd; height:45px; }
.showDescription .showLinks > li:first-child { border-left:0; }
.showDescription .showLinks > li a { display:block; line-height:45px; text-align:center; font-size:13px; color:#222; font-weight:bold; position:relative; }
.showDescription .showLinks > li a.resv.on { color:#fff; background-color:#630560; }
.showDescription .showLinks > li a.resv.on:after { position:absolute; content:""; right:-1px; left:-1px; bottom:-1px; top:-1px; border:1px solid #630560; }
.showDescription .showLinks > li a.resv.off { color:#fff; background-color:#e5e5e5; }
.showDescription .showLinks > li a.package.on { color:#fff; background-color:#ff7800; }
.showDescription .showLinks > li a.package.on:after { position:absolute; content:""; right:-1px; left:-1px; bottom:-1px; top:-1px; border:1px solid #ff7800;}
.showDescription .showLinks > li a.package.off { color:#fff; background-color:#e5e5e5; }
.showDescription .editorText { line-height:1.6; }
.showDescription .detail { padding-bottom:30px; background-color:#f4f1f9; }
.showDescription .detail .titleImg { text-align:center; padding-bottom:30px; }
.showDescription .detail .editorText { padding:0 13px; }
.showDescription .visualDesc { padding:0 13px; }
.showDescription .visualDesc .videoPanel, .showDescription .visualDesc .stillCut { margin-top:25px; }
.showDescription .guide { border:1px solid #e5e5e5; }
.showDescription .guide > dl { padding-top:16px; padding:16px 13px 26px; border-top:1px solid #e5e5e5; }
.showDescription .guide > dl:first-child { border:0; }
.showDescription .guide > dl dt { color:#630660; padding:15px 0 7px; font-weight:bold; }
.showDescription .guide > dl dd { line-height:1.5; }
.showDescription .guide strong, .showDescription .guide em { color:#ac32a8; }
.showDescription .guide .dep1 { padding-left:0.667em; text-indent:-0.667em; }
.showDescription .guide .dep2 { padding-left:1.333em; text-indent:-1.333em; }
.showDescription .mainPoster { text-align:center; margin-bottom:15px; }
.showDescription .mainPoster img { border:1px solid #ddd; }
.showDescription .thappy { padding-bottom:6px; color:#666; font-size:11px; font-weight:bold; }
.showDescription .requestBtn > li a.on { color:#fff; background-color:#620040; }
.showDescription .requestBtn > li a.on:after { position:absolute; content:""; right:-1px; left:-1px; bottom:-1px; top:-1px; border:1px solid #620040; border-bottom-color:#3b0027; }
.showDescription .happyInfo { margin:-15px 0 30px; border-bottom:1px solid #ddd; }
.showDescription .happyInfo .ilst { padding-bottom:15px; font-size:11px; }
.showDescription .happyInfo .ilst > li { margin-top:8px; padding-left:74px; position:relative; line-height:1.5; }  
.showDescription .happyInfo .ilst > li:first-child { margin-top:0; }
.showDescription .happyInfo .ilst > li em { position:absolute; left:0; color:#620040; font-weight:bold; width:72px; }
.showDescription .happyInfo .ilst > li em:before { display:inline-block; vertical-align:middle; top:-1px; position:relative; margin-right:4px; width:2px; height:2px; background-color:#222; content:""; }
.showDescription .happyInfo .ilst > li em:after { content:"|"; position:absolute; right:4px; color:#666; font-weight:normal; }
/* sns popup */
.popup .snsList { display:table; table-layout:fixed; width:100%; }
.popup .snsList:after { /* content:""; display:block; clear:both; */ }
.popup .snsList > li { /* width:25%; float:left; */ display:table-cell; padding:0 10px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; }
.popup .snsList > li > a { display:block; max-width:60px; margin:0 auto; }
.popup .snsList > li em { display:block; margin-top:5px; font-size:11px; color:#838282; white-space:nowrap; }






/* list title */
.subContents .listTitle .stit { color:#620040; font-weight:bold; font-size:11px; padding-bottom:0.5em; }
.subContents .listTitle .tit { font-size:17px; font-weight:bold; color:#222; }
.comList .listTitle .stit, .comList .listTitle .tit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mline { white-space:normal !important; }
.description .listTitle .tit { white-space:normal; }
/* */
.showList .listTitle .stit { color:#666; }
.comList .showDesc > li { padding-top:11px; }
.comList .status { display:inline-block; background-color:#f77e4d; margin-top:10px; padding:5px; text-align:center; min-width:40px; font-weight:bold; color:#fff; }
.comList .status.endEvent { background-color:#ddd; }

/* list info */
.comList .lst .summary .listInfos { padding-top:16px; }
.subContents .listInfos:after { content:""; display:block; clear:both; }
.subContents .listInfos > li { float:left; font-weight:bold; font-size:11px; padding-bottom:0; }
.subContents .listInfos > li:before { content:"\00a0\00a0|\00a0\00a0"; color:#ccc; }
.subContents .listInfos > li:last-child { float:right; }
.subContents .listInfos > li:first-child:last-child { float:none; }
.subContents .listInfos > li:first-child:before, .subContents .listInfos > li:last-child:before { display:none; }
.subContents .listInfos > li .icon { width:15px; position:relative; top:-1px; vertical-align:middle; }
.subContents .listInfos > li.type { color:#620040; font-weight:bold; }

/* page nation */
.pageNation { padding-top:10px; text-align:center; white-space:nowrap; }
.pageNation .numbers { display:inline-block; }
.pageNation .numbers:after { content:""; display:block; clear:both; }
.pageNation .numbers > li { float:left; text-align:center; }
.pageNation .numbers > li a { display:block; margin:0 2px; padding:0 4px; min-width:18px; line-height:32px; }
.pageNation .numbers > li a.on { font-weight:bold; }
.pageNation .numbers > li .iconBg { margin:0 -1px; padding:0; width:32px; height:32px; position:relative; }
.pageNation .numbers > li .iconBg em { width:0; height:0; overflow:hidden; display:block; }
.pageNation .numbers > li .btFirst { background-position:0 -250px; }
.pageNation .numbers > li .btLast { background-position:-94px -250px; }
.pageNation .numbers > li .btPrev { background-position:-31px -250px; }
.pageNation .numbers > li .btNext { background-position:-63px -250px; }

/* list quick link */
.listQuickLink > li { border-bottom:1px solid #ddd; }
.listQuickLink > li:first-child { border-top:1px solid #ddd; }
.listQuickLink li > * { display:block; position:relative; padding:5px 10px 5px 33px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; color:#222; }
.listQuickLink li > *:before { content:"\00a0"; position:absolute; left:10px; width:13px; height:9px; top:50%; margin-top:-5px; }
.listQuickLink .prev:before { background-position:-400px -200px; }
.listQuickLink .next:before { background-position:-425px -200px; }
.listQuickLink li > * em { font-weight:bold; 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:54px; }
.listQuickLink li em.bgOrange { background-color:#ff8519; }
.listQuickLink li em.bgGray { background-color:#cdcdcd; }

/* list button */
.cbtns { padding-top:30px; text-align:right; margin:0 -4px; }
.cbtns > a { display:inline-block; margin:0 4px; line-height:20px; padding:10px; border:1px solid #ddd; border-bottom-color:#bbb; min-width:96px; text-align:center; font-weight:bold; font-size:16px; color:#222; }


/* list view */
.description { padding-bottom:25px; }
.description .listTitle { padding-top:10px; position:relative; }
.description .listTitle .stit { padding-top:15px; }
.description .editorText { padding-top:30px; line-height:1.8; }
.description .editorText img { height:auto !important; }
.description .editorText table { max-width:100%; width:100% !important; table-layout:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.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:after { content:""; display:block; clear:both; }
.description .listTitle .evTitle .period { float:right; line-height:20px; color:#630660; font-size:11px; }
/* 분실물 보기 */
.description .listTitle .bgGray,
.description .listTitle .bgOrange { color:#fff; text-align:center; line-height:20px; display:inline-block; min-width:54px; font-size:12px; margin-bottom:8px; }
.description .listTitle .bgOrange { background-color:#ff8519; }
.description .listTitle .bgGray { background-color:#cdcdcd; }
.description .listAuth { position:absolute; top:10px; right:0; line-height:20px; letter-spacing:-4px; }
.description .listAuth > li { display:inline-block; font-weight:bold; font-size:11px; letter-spacing:0; }
.description .listAuth > li:before { content:"\00a0|\00a0"; display:inline-block; vertical-align:middle; color:#ccc; font-weight:normal; margin:0 4px; }
.description .listAuth > li:first-child:before { display:none; }
.description .listTitle .payinfo { padding:13px 0; line-height:1.5; }
.description .listTitle .payinfo > li em { color:#630660; font-weight:bold; }
.description .seatInfo { padding:10px; margin-bottom:15px; background-color:#f4f1f9; }
.description .seatInfo > li { margin-top:10px; text-align:center; font-weight:bold; color:#630660; }
.description .seatInfo > li:first-child { margin-top:0; }
.description .seatInfo > li em { color:#332222; }
.description .paySummary { border:1px solid #e5e5e5; padding:2px 10px; margin-bottom:15px; overflow:hidden; }
.description .paySummary > ul { padding-top:12px; position:relative; }
.description .paySummary > ul:after { position:absolute; z-index:-1; top:0; left:-10px; right:-10px; bottom:-14px; background-color:#fbfbfb; content:""; }
.description .paySummary > ul:first-child { padding-top:0; }
.description .paySummary > ul:first-child:after { display:none; }
.description .paySummary > ul > li { margin:12px 0; position:relative; padding-left:66px; }
.description .paySummary > ul > li em { position:absolute; left:0; color:#222; font-weight:bold; padding-right:8px; margin-right:8px; min-width:52px; }
.description .paySummary > ul > li em:before { content:""; width:2px; height:2px; display:inline-block; vertical-align:middle; background-color:#222; position:relative; top:-1px; margin-right:4px; }
.description .paySummary > ul > li em:after { content:"|"; position:absolute; right:0; font-weight:normal; color:#666; }
.description .formBtn,
.description .statement { margin-bottom:-25px; }
.description .paySummary + .statement { padding-top:15px; }
.statement { padding-top:30px; }
.statement .sum { border-top:1px solid #ddd; padding:13px 10px; font-weight:bold; font-size:15px; }
.statement .his > li:after,
.statement .sum:after { content:""; display:block; clear:both; }
.statement .tit { float:left; color:#222; position:relative; font-weight:bold; }
.statement .tit em { font-weight:normal; }
.statement .money { float:right; color:#630660; }
.statement .his { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fbfbfb; padding:0 10px; }
.statement .total + .fee { margin-top:-1px; }
.statement .his > li { margin:12px 0; }




/* 리플 */
.replyArea { margin:30px -20px; position:relative; }
.replyArea .reply { position:relative; }


/* videoJS */
.mov { position:relative; }
.mov:after { background:url('../images/common/play_bg.png'); position:absolute; background-size:40px auto; width:40px; height:40px; content:"\00a0"; top:50%; left:50%; margin:-20px 0 0 -20px; }
.videoPanel { position:relative; }
.videoPanel .sizeBg { opacity:0; position:relative; z-index:-1; }
.videoPanel .movie { z-index:1; position:relative; max-width:100%; }
.videoPanel .movie video { max-width:100%; }

/* down load */
.downLoad { padding-top:20px; font-weight:bold; color:#222; }
.downLoad > li { margin:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.downLoad .icon { width:33px; margin-right:10px; }


/* 오시는길 */
.mapTabs .st + .map { margin-top:15px; }
.mapTabs .map + .st { margin-top:30px; }
.helpVehicle { padding-top:30px; }
.helpVehicle dl { margin-bottom:25px; }
.helpVehicle dl + dl { padding-top:30px; margin-top:30px; border-top:1px solid #e5e5e5; }
.helpVehicle dd { padding-top:12px; padding-left:18px; line-height:1.6; }
.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; }
.helpVehicle .iconBgBefore.t1 { color:#003499; }
.helpVehicle .iconBgBefore.t1:before { background-position:-350px -225px; }
.helpVehicle .iconBgBefore.t3 { color:#ee5a2a; }
.helpVehicle .iconBgBefore.t3:before { background-position:-375px -225px; }
.helpVehicle .iconBgBefore.t5 { color:#893bb6; }
.helpVehicle .iconBgBefore.t5:before { background-position:-400px -225px; }
.helpVehicle .iconBgBefore.b { color:#003499; }
.helpVehicle .iconBgBefore.b:before { background-position:-425px -225px; }
.helpVehicle .iconBgBefore.g { color:#59ab26; }
.helpVehicle .iconBgBefore.g:before { background-position:-450px -225px; }
.helpVehicle .iconBgBefore.r { color:#dc0807; }
.helpVehicle .iconBgBefore.r:before { background-position:-475px -225px; }
.helpVehicle .iconBgBefore.e:before { background-position: -350px -400px; }
.helpVehicle .ve_tit {  margin-left:-18px; padding-bottom:11px; font-size:13px; color:#222; font-weight:bold; }
.helpVehicle dd + dd .ve_tit {  padding-top:13px; }
.helpVehicle .dep1 { padding-left:1.333em; text-indent:-1.333em; }
.helpVehicle .map_link { padding-left:1.333em; }
.helpVehicle .map_link .cbtn { min-width:82px; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; }
.helpVehicle .map_link .cbtn + .cbtn { margin-left:6px; }


/* 일정검색 */
.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; }
.scheduleForms .forms > li { float:left; border-left:1px solid #ddd; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.scheduleForms .forms > li:first-child { border-left:0; }
.scheduleForms .forms .selectbox { display:block; }
.scheduleForms .forms .selectbox .txt { border:0; }
.scheduleForms .forms:after { content:""; display:block; clear:both; }
.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; }


/* 연계공연이야기 */
.linkShowDesc { line-height:1.5; }
.linkShowDesc .textCont { padding:30px 0; border-top:1px solid #ddd; }
.linkShowDesc .textCont:first-child { border-top:0; padding-top:0; }
.linkShowDesc .textCont:last-child { padding-bottom:0; }
.linkShowDesc .localCont { padding-bottom:30px; }
.linkShowDesc .localCont + .localCont { margin-top:-10px; }
.linkShowDesc .localCont .st { padding-bottom:14px; padding-bottom:0.778em; }
.linkShowDesc .localCont .tabSelect { padding-bottom:15px; }
.linkShowDesc .localCont .selectbox { display:block; }
.linkShowDesc .localCont .selectbox .txt { font-weight:bold; color:#222; }
.linkShowDesc .cons > li { display:table; table-layout:fixed; width:100%; margin:15px 0; }
.linkShowDesc .cons > li:first-child { margin-top:0; }
.linkShowDesc .cons > li:last-child { margin-bottom:10px; }
.linkShowDesc .cons > li > * { display:table-cell; vertical-align:top; }
.linkShowDesc .cons > li .img { width:28.125%; max-width:180px; min-width:90px; }
.linkShowDesc .cons > li .img + .desc { padding-left:10px
}
.linkShowDesc .cons > li .desc .tit { font-size:14px; font-weight:bold; color:#222; padding-bottom:0.333em; }
@media all and (max-width:399px) { 
    .linkShowDesc .cons > li .img { width:90px; }
    .showDescription .summarys .infos .img { width:83px; }
}
.linkShowDesc .slist { margin-top:18px; background-color:#f4f1f9; padding:13px 5px 13px 10px; }
.linkShowDesc .slist > li { padding:5px 0; padding-left:90px; }
.linkShowDesc .slist > li em { color:#630660; display:inline-block; min-width:85px; position:relative; padding-right:5px; margin-left:-90px; }
.linkShowDesc .slist > li em:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:5px; }
.linkShowDesc .slist > li em:after { content:"\00a0|\00a0\00a0"; color:#666; position:absolute; right:0; }


/* 안내 */
.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 #e5e5e5; }
.guideDesc .guideText .st { padding-bottom:10px; }
.guideDesc .guideText .gtxt { padding-bottom:10px; }
.guideDesc .guideText .stt { padding:10px 10px; background-color:#f4f1f9; color:#222; font-weight:bold; font-size:14px; }
.guideDesc .gp,
.guideDesc .guideText .desc { padding:11px 10px; }
.guideDesc .abouts { padding:0 5px; }
.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 .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 .lnks { padding:5px 10px; margin-top:15px; display:inline-block; color:#222; font-weight:bold; background-color:#fbfbfb; border:1px solid #ddd; border-bottom-color:#bbb; }
.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:10px; }
.guideDesc .depText li:first-child { padding-top:0; }
.guideDesc .depText li .rect { text-indent:-5px; }
.guideDesc .depText li strong { color:#630660; font-weight:normal; }
.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 .st { padding-left:10px; }
.reserveDesc .tiket { padding:10px 0 15px; }
.reserveDesc .tiket > li { float:left; border-left:1px solid #ababab; }
.reserveDesc .tiket > li:first-child { border-left:0; }
.reserveDesc .tiket > li img { height:24px; }
.reserveDesc .tiket:after { content:""; display:block; clear:both; }
.tbresv { margin:8px 0 4px; table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse; border:1px solid #e5e5e5; }
.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:#871083; color:#fff; letter-spacing:-1px; }
.tbresv thead th.ip { background-color:#f61010; color:#fff; letter-spacing:-1px; }
.tbresv tbody th { color:#630660; text-align:left; padding-left:8px; }
@media all and (min-width:460px) { 
    .reserveDesc .tiket > li img { height:32px; }
}
*/
/* 예매안내 */
.reserveDesc .st {
    padding-left: 10px;
}
.reserveDesc .tiket {
    float:right;
    padding-left:10px;
}
.reserveDesc .tiket > li {
    float: left;
    border-left: 1px solid #ababab;
}
.reserveDesc .tiket > li:first-child {
    border-left: 0;
}
.reserveDesc .tiket > li img {
    height: 32px;
}
.reserveDesc .tiket:after {
    content: "";
    display: block;
    clear: both;
}
.tbresv {
    margin: 8px 0 4px;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #e5e5e5;
}
.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: #871083;
    color: #fff;
    letter-spacing: -1px;
}
.tbresv thead th.ip {
    background-color: #f61010;
    color: #fff;
    letter-spacing: -1px;
}
.tbresv tbody th {
    color: #630660;
    text-align: left;
    padding-left: 8px;
}

/* 해피콜 */
.happycallDesc .st { padding-left:0; }
/* 분실물 찾기 */
.guideDesc .guideText ol.conts .stt em { color:#630660; margin-right:6px; }



/* 개요 */
.fontBold { font-weight:bold; }
.aboutSejong { line-height:1.5; }
.aboutSejong .thumb { text-align:center; padding:30px 0; }
.aboutSejong .thumb:first-child { padding-top:0; }
.aboutSejong .movDesc { background-color:#f4f1f9; padding:30px 0; margin-bottom:30px; font-weight:normal; }
.aboutSejong .movDesc .desc { padding:0 10px; max-height:188px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.aboutSejong .movDesc .desc .t { font-size:14px; color:#630660; padding-bottom:6px; }
.aboutSejong .ceo .st { padding-top:30px; }
.aboutSejong .ceo .st:first-child { padding-top:0; }
.aboutSejong .sign { padding-top:25px; text-align:right; font-size:11px; vertical-align:bottom; font-weight:bold; color:#222; }
.aboutSejong .sign b { padding-left:5px; font-size:16px; }
.aboutSejong .cis > li { padding:30px 0; border-top:1px solid #ddd; }
.aboutSejong .cis > li:first-child { padding-top:0; border-top:0; }
.aboutSejong .cis > li:last-child { padding-bottom:0; }
.aboutSejong .cis > li .st { margin-top:30px; margin-bottom:15px; }
.aboutSejong .cis > li .st.rect { margin-bottom:30px; margin-top:0; }
.aboutSejong .cis > li .st.rect + p { margin-top:-20px; }
.aboutSejong .symbol { text-align:center; margin-top:-15px; padding-bottom:13px; }
.aboutSejong .cdn { margin-bottom:30px; padding:9px; display:block; color:#222; text-align:center; font-size:16px; background-color:#fbfbfb; border:1px solid #ddd; border-bottom-color:#bbb; }
.aboutSejong .mlogo { padding:30px 0 25px; }
.aboutSejong .mlogo > li { position:relative; margin-top:-1px; }
.aboutSejong .mlogo > li em { position:absolute; top:0; left:0; color:#222; font-weight:bold; padding:10px; }
.aboutSejong .logos { margin-top:14px; padding:10px 0; border:1px solid #e5e5e5; }
.aboutSejong .logos > li { text-align:center; padding:10px; }
.aboutSejong .bandLogo > li img { width:62%; max-width:386px; }
.aboutSejong .hallLogo > li img { width:60%; max-width:353px; }
.aboutSejong .history dl { padding-top:30px; margin-top:30px; border-top:1px solid #ddd; }
.aboutSejong .history dl:first-child { margin-top:0; padding-top:0; border-top:0; }
.aboutSejong .history dt { color:#630660; font-size:23px; padding-bottom:1.174em; }
.aboutSejong .history dt + dd { padding-top:0; }
.aboutSejong .history dd { padding-top:10px; padding-left:80px; font-weight:normal; }
.aboutSejong .history dd em { color:#ac32a8; font-weight:bold; margin-left:-80px; display:inline-block; padding-right:8px; margin-right:6px; position:relative; }
.aboutSejong .history dd em:after { content:"|"; position:absolute; right:0; color:#666; font-weight:normal; }
.aboutSejong .history .thumbs { padding-top:30px; margin:0 -5px; }
.aboutSejong .history .thumbs > li { padding:0 5px; box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; float:left; }
.aboutSejong .history .thumbs > li p { text-align:left; font-weight:normal; padding-top:8px; }
.aboutSejong .history .thumbs:after { clear:both; display:block; content:""; }
.aboutSejong .lnk { margin:15px 0 30px; line-height:42px; color:#222; font-size:16px; display:block; border:1px solid #ddd; border-bottom-color:#bbb; text-align:center; }
.aboutSejong .aim { padding-top:15px; }
.aboutSejong .aim > li { padding-top:10px; padding-left:24px; }
.aboutSejong .aim > li > em { margin-left:-24px; display:inline-block; width:20px; color:#630660; white-space:nowrap; }
.aboutSejong .aim > li:first-child { padding-top:0; }


/* 편의시설 */
.guideDesc + .facility { padding-top:30px; }
.facility + .comList { padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #e5e5e5; }
.facility { /* overflow:hidden; */ }
.facility .tabNav { padding-top:15px; }
.facility .facilityList { margin:-5px -5px; }
.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); }
.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:#630660; border:3px solid #630660; }
.facility > .summary { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e5e5e5; line-height:1.5; }
.facility > .summary > li { padding-top:30px; }
.facility > .summary > li:first-child { padding-top:0; }
.facility .summary .st { padding-bottom:15px; }
.facility .summary .desc { padding-bottom:15px; }
.facility .summary .more { background-color:#f4f1f9; padding:6px 10px; }
.facility .summary .more > li { position:relative; padding:4px 0 4px 70px; }
.facility .summary .more > li > em { position:absolute; left:0; color:#630660; 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:#222; margin-right:5px; position:relative; top:-1px; }
.facility .summary .more > li > em:after { content:"|"; color:#666; position:absolute; right:6px; font-weight:normal; }
.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:#666; position:absolute; right:6px; font-weight:normal; }
.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; }


/* 분실물 목록 */
.lostList .lst { border-top:1px solid #ddd; }
.lostList .lst > li { border-bottom:1px solid #ddd; }
.lostList .lst > li a { display:block; padding:15px 0; }
.lostList .tit { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; padding-left:50px; font-size:17px; color:#222; font-weight:bold; }
.lostList .tit strong { position:absolute; left:0; width:44px; line-height:20px; font-size:12px; color:#fff; text-align:center; letter-spacing:-1px; }
.lostList .tit .lost { background-color:#ff8519; }
.lostList .tit .find { background-color:#cdcdcd; }
.lostList .code { padding-top:12px; font-weight:bold; color:#620040; }
.lostList .etc { padding-top:5px; }
.lostList .noData { height:95px; }



/* 유료회원 안내 */
.memberLevel { padding:5px 0 15px; }
.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:#630660; font-size:15px; font-weight:bold; letter-spacing:-1px; }
.memberLevel li .dsc { padding:0 10px; }
.memberLevel li .dsc strong { color:#222; }
.memberLevel li .img { width:25%; max-width:149px; }


/* 제휴사 */
.partnerList .lst { border-top:1px solid #e5e5e5; }
.partnerList .lst > li { border-bottom:1px solid #e5e5e5; position:relative; }
.partnerList .lst > li > a { display:block; }
.partnerList .partner { display:table; table-layout:fixed; width:100%; position:relative; padding:15px 0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.partnerList .partner > * { display:table-cell; vertical-align:middle; }
.partnerList .partner .img { max-width:180px; width:29.508%; }
.partnerList .partner .img + .desc { padding-left:10px; }
.partnerList .partner .desc { padding:3px 0; line-height:1.5; color:#630660; font-weight:bold; }
.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 .tit { color:#222; font-size:15px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.partnerList .partner .desc .tit + p { padding-top:8px; }
.partnerList .noData { height:100px; }
/* */
.partnerTitle { padding-right:45px; padding-bottom:8px; }
.listTitle .telIcon { right:0; top:3px; width:35px; height:35px; background-position:-275px -300px; position:absolute; overflow:hidden; }
.listTitle .telIcon em { position:absolute; width:0; height:0; overflow:hidden; }
.partnerInformation { padding-top:30px; line-height:1.5; }
.partnerInformation .info li { padding-top:10px; padding-left:62px; }
.partnerInformation .info li a { color:#630660; }
.partnerInformation .info li em { font-weight:bold; 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:30px; font-weight:bold; color:#630660; background-color:#f4f1f9; padding:15px 10px; }

@media all and (max-width:359px) { 
    .memberLevel li .img { width:68px; }
    .partnerList .partner .img { width:90px; }
    .login .loginHelp .pt { letter-spacing:-1px; }
}


/* 회원가입 */
.member { line-height:1.5; }
.member .mhelp { padding-bottom:30px; }
.member .mhelp b { color:#222; }
.member .mhelp + .formBtn { padding-top:0; }
.member .terms { padding:30px 0; border-top:1px solid #ddd; }
.member .terms .st { padding-bottom:15px; }
.member .longDesc { border:1px solid #ddd; padding:10px; height:188px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; line-height:1.5; }
.member .longDesc .lev { padding-left:10px; }
.member .longDesc .lev a { color:#620040; }
/* 아이디 비밀번호 찾기 */
.showId { position:relative; }
.showId .findDesc { margin:30px 0; padding:25px 10px; text-align:center; line-height:1.8; background-color:#f4f1f9; }
.showId .findDesc strong { font-size:17px; color:#630660; display:inline-block; margin-bottom:10px; }
.loginInfos { margin-bottom:30px; border-bottom:1px solid #ddd; }
.loginInfos ul { background-color:#f4f1f9; padding:2px 10px; margin:15px 0 30px; }
.loginInfos ul > li { margin:10px 0; padding-left:6px; position:relative; color:#630660; font-weight:bold; letter-spacing:1px; }
.loginInfos ul > li strong { color:#222; letter-spacing:0; }
.loginInfos ul > li:before { content:""; width:2px; height:2px; top:8px; position:absolute; left:0; background-color:#222; }
.findForm { border-top:1px solid #ddd; margin-top:30px; padding-top:15px; }
.findForm .forms > li { margin:15px 0; }
.findForm .field { padding-left:60px; margin-top:15px; font-weight:bold; }
.findForm .field .lb { position:absolute; left:0; font-size:14px; line-height:40px; white-space:nowrap; }
.findForm .findTab { padding-bottom:15px; }
.findForm .findTab .tabBtn { display:table; table-layout:fixed; width:100%; border:1px solid #ddd; border-bottom:0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.findForm .findTab .tabBtn > li { display:table-cell; border-left:1px solid #ddd; background-color:#fbfbfb; vertical-align:top; }
.findForm .findTab .tabBtn > li:first-child { border-left:0; }
.findForm .findTab .tabBtn > li a { display:block; line-height:38px; text-align:center; font-weight:bold; position:relative; }
.findForm .findTab .tabBtn > li a.on { background-color:#fff; color:#630660; }
.findForm .findTab .tabBtn > li a.on:after { content:""; height:1px; left:0; right:0; bottom:-1px; background-color:#fff; position:absolute; z-index:1; }
/* 약관동의 */
.agrees .agreesList { border-top:1px solid #ddd; padding-bottom:15px; }
.agrees .agreesList li { padding:20px 0 15px; position:relative; border-bottom:1px solid #ddd; }
.agrees .agreesList .ct { font-size:16px; color:#222; padding-bottom:10px; }
.agrees .agreesList .lnkview { position:absolute; right:0; top:18px; padding:2px 10px; color:#222; font-weight:bold; background-color:#fbfbfb; border:1px solid #ddd; border-bottom-color:#bbb; }
.agrees .formBtn { padding-top:15px; }
/* 회원정보 입력 */
.memberForms { border-top:1px solid #ddd; }
.memberForms .forms > li { margin:30px 0; }
.memberForms .forms .req { background-color:#fdfdfd
}
.memberForms .forms .txtBg .comText,
.memberForms .forms .selectbox .txt { color:#222; }
.memberForms .forms .dsc { padding-bottom:7px; position:relative; }
.memberForms .forms .lb { color:#333; font-weight:bold; font-size:14px; }
.memberForms .forms .hp { position:absolute; right:0; top:2px; font-size:10px; }
.memberForms .forms .innerBtn { padding-right:106px; }
.memberForms .forms .innerBtn .btn { position:absolute; top:0; right:0; width:107px; height:40px; line-height:40px; text-align:center; font-weight:bold; color:#222; border:1px solid #ddd; border-bottom-color:#bbb; background-color:#fbfbfb; box-sizing:border-box; -webkit-box-sizing:border-box; z-index:1; }
.memberForms .forms .innerBtn .txtBg.focus { z-index:2; }
.memberForms .forms .field + .field { margin-top:10px; }
.memberForms .forms .addressField { padding-top:1px; }
.memberForms .forms .addressField .field { margin-top:-1px; }
.memberForms .forms .selectbox { display:block; }
.memberForms .forms .selgps { display:table; table-layout:fixed; width:100%; }
.memberForms .forms .selgps li { display:table-cell; margin-left:-1px; vertical-align:top; }
.memberForms .forms .selgps .selectbox .txt { border-left:0; }
.memberForms .forms .selgps li:first-child .selectbox .txt { border-left:1px solid #ddd; }
.memberForms .forms .emails { position:relative; padding-bottom:10px; }
.memberForms .forms .emails:after { content:""; display:block; clear:both; }
.memberForms .forms .emails .btDel { display:none !important; }
.memberForms .forms .emails .txtBg { padding-right:8px !important; }
.memberForms .forms .emails .field { z-index:1; width:50%; float:left; padding-left:10px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.memberForms .forms .emails .field:first-child { padding-left:0; padding-right:10px; }
.memberForms .forms .emails .dx { position:absolute; line-height:40px; text-align:center; top:0; left:0; right:0; z-index:0; color:#222; font-weight:bold; }
.memberForms .forms .chks { padding-top:10px; }
.memberForms .forms .tels { display:table; table-layout:fixed; width:100%; }
.memberForms .forms .tels li { display:table-cell; margin-left:-1px; vertical-align:top; }
.memberForms .forms .tels .txtBg { border-left:0; }
.memberForms .forms .tels .txtBg { padding-right:8px !important; }
.memberForms .forms .tels .btDel { display:none !important; }
.memberForms .forms .tels .txtBg .comText { text-align:center; }
/* 회원탈퇴 */
.login .dropForm { margin-top:-15px; padding-top:30px; border-top:1px solid #ddd; }
.login .dropForm .selectbox { display:block; }
.login .dropForm .field { margin:30px 0; }
.login .dropForm .field:first-child { margin-top:0; }
.login .dropForm .lb { display:block; color:#333; font-size:14px; font-weight:bold; padding-bottom:7px; }
.login .dropForm .formBtn { padding-top:0; }
/* 우편번호 검색 */
.addressForms .alertDesc { margin:0 0 30px; }
.addressForms .forms > .field + .field { margin-top:-1px; }
@media all and (max-width:359px) { 
    .addressForms .tabList > li a { font-size:12px; }
}
.addressList { padding-top:30px; }
.addressList .lst .noData { height:105px; }
.addressList .lst { border-top:1px solid #ddd; }
.addressList .lst > li { border-bottom:1px solid #ddd; }
.addressList .lst > li > a { display:block; }
.addressList .desc { padding:15px 0; }
.addressList .desc .post { color:#630660; font-size:17px; font-weight:bold; }
.addressList .desc .nums > li { margin-top:8px; position:relative; padding-left:46px; }
.addressList .desc .nums > li em { font-weight:bold; color:#222; position:absolute; left:0; width:36px; padding-right:10px; }
.addressList .desc .nums > li em:after { content:"|"; position:absolute; right:4px; }



/* 조직도 */
.organizationChart { padding:30px 0; }
.tbContact2 thead tr th:first-child { width:32%; }
.contactTabs .par.st.purple { padding:30px 0 0; }
.contactTabs .st { font-size:14px; padding:15px 0; }
.contactTabs .st .fax { font-weight:normal; font-size:12px; }
.contactTabs > li .st:first-child { padding-top:0; }
.contactTabs .st.rect:before { width:2px !important; height:2px !important; margin-right:5px !important; }
.contactTabs > li .tbContact thead tr th:first-child { width:42%; }
.contactTabs > li .tbContact thead tr th:nth-child(2) { width:20%; }


/* 단원 */
.memberList .searchBox { padding-bottom:15px; }
.memberList .leader { display:table; table-layout:fixed; width:100%; padding-bottom:30px; }
.memberList .leader > * { display:table-cell; }
.memberList .leader .img { width:30.937%; vertical-align:top; }
.memberList .leader .img,
.memberList .mlst .img { max-width:198px; text-align:center; }
.memberList .leader .img img { border:1px solid #ddd; }
.memberList .leader .info { padding-left:10px; vertical-align:middle; }
.memberList .leader .info .name b { color:#222; display:inline-block; }
.memberList .leader .info .name b:after { content:"|"; display:inline-block; margin:0 8px; color:#666; font-weight:normal; }
.memberList .leader .info .history { padding-top:15px; }
.memberList .leader .info li { margin:2px 0; padding-left:8px; position:relative; }
.memberList .leader .info li:before { content:""; display:inline-block; vertical-align:middle; margin:0 6px 0 -8px; top:-1px; width:2px; height:2px; background-color:#222; }
.memberList .mlst > li > div,
.memberList .mlst:after { content:""; display:block; clear:both; }
.memberList .mlst { margin:-5px; }
.memberList .mlst .img { background-color:#f2f2f2; }
.memberList .mlst > li { float:left; width:33.333%; padding:5px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.memberList .mlst > li > div { max-width:158px; margin:0 auto; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; }
.memberList .mlst > li:nth-child(3n+1) > div { margin:0; }
.memberList .mlst > li:nth-child(3n) > div { margin:0; float:right; width:100%; }
.memberList .mlst .info { padding:10px 5px; }
.memberList .mlst .info .name { font-weight:bold; color:#222; }
.memberList .mlst .info p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.memberList .moreList { margin-bottom:0; }
@media all and (max-width:359px) { 
    .memberList .mlst .info .part { font-size:11px; }
}
@media all and (min-width:500px) { 
    .memberList .leader .img { width:156px; }
    .memberList .leader .info { padding-left:15px; }
}


/* 대관안내 */
.guideDesc .rents .stt { padding:30px 0 15px; margin-bottom:-20px; font-size:14px; color:#222; }
.guideDesc .rents > li { padding:30px 0; border-top:1px solid #ddd; }
.guideDesc .rents > li:first-child { padding-top:0; border-top:0; }
.guideDesc .mds { border:1px solid #e5e5e5; margin-top:-1px; margin-bottom:30px; }
.guideDesc .mds > li { padding:11px 10px; border-top:1px solid #e5e5e5; background-color:#fdfdfd; }
.guideDesc .mds > li:first-child { border-top:0; }
.guideDesc .mds > li .purple { font-size:12px; padding-bottom:4px; }
.guideDesc .rules > li { padding:15px 0; }
.guideDesc .rules > li:first-child { padding-top:0; }
.guideDesc .longDesc { border:1px solid #ddd; padding:10px; min-height:120px; max-height:188px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; font-size:11px; }
.guideDesc .longDesc table { width:100%; border-spacing:0; border-collapse:collapse; table-layout:auto; margin:10px 0 20px 0; }
.guideDesc .longDesc td { border:1px solid #cdcdcd; padding:5px 10px; }
.guideDesc .longDesc th.etcTbl { text-align:center; border:1px solid #cdcdcd; padding:5px 10px; }
.guideDesc .rentsMore { background-color:#f4f1f9; padding:6px 10px; margin-top:20px; }
.guideDesc .rentsMore > li { position:relative; padding:4px 0 4px 94px; }
.guideDesc .rentsMore > li > em { position:absolute; left:0; color:#630660; font-weight:bold; width:94px; white-space:nowrap; }
.guideDesc .rentsMore > 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 .rentsMore > li > em:after { content:"|"; color:#666; position:absolute; right:4px; font-weight:normal; }
.guideDesc .rentsMore + .more { margin-top:15px; }
.guideDesc .rentsMore2 > li { padding-left:110px; }
.guideDesc .rentsMore2 > li > em { width:110px; }


/* 예매확인 */
.count { text-align:right; padding-bottom:15px; }
.count strong { color:#630660; }
.checkList .noData { height:117px; }
.checkList .lst { border-top:1px solid #ddd; }
.checkList .lst > li { position:relative; border-bottom:1px solid #ddd; }
.checkList .lst > li > a { display:block; }
.checkList .lst > li .btn { position:absolute; z-index:1; bottom:15px; left:0; background-color:#fbfbfb; padding:4px 10px; color:#222; font-weight:bold; border:1px solid #ddd; border-bottom-color:#bbb; }
.checkList .lst > li .btn + a .desc { padding-bottom:50px; }
.checkList .desc { position:relative; padding:15px 0 15px; }
.checkList .tit { font-weight:bold; color:#222; font-size:17px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:42px; }
.checkList .etc { position:relative; height:20px; padding-bottom:10px; }
.checkList .etc > li { display:inline-block; margin-right:5px; line-height:20px; font-weight:bold; }
.checkList .etc > li:first-child { margin-left:0; }
.checkList .etc .dday { position:absolute; right:0; color:#ff7800; }
.checkList .etc b { display:inline-block; padding:0 5px; color:#fff; background-color:#cdcdcd; }
.checkList .etc b.complete { background-color:#ff8519; }
.checkList .info { padding-top:15px; }
.checkList .info > li { padding-top:5px; color:#222; }
.checkList .info > li:first-child { padding-top:0; }
.checkList .info em { font-weight:bold; color:#630660; }
.depLink { padding-left:10px; }
.privateDesc { margin-bottom:30px; padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.tbPrivate { table-layout:fixed; margin-bottom:-15px; }
.tbPrivate td { text-align:center; }
.tbPrivate .w62p { width:62%; }
.serviceDesc { padding:0 11px; margin-bottom:30px; border:1px solid #ddd; background-color:#fdfdfd; }
.serviceDesc > li { margin:12px 0; padding-left:24px; }
.serviceDesc > li > em { margin-left:-24px; display:inline-block; width:20px; color:#630660; white-space:nowrap; font-weight:bold; }
.serviceDesc > li:first-child { padding-top:0; }


/* 검색결과 */
.mlineNav2 { margin-bottom:0; padding-top:25px; }
.mlineNav2 .tabList > li { width:33.333%; }
.searchs .normalSearch { position:relative; padding-right:73px; }
.searchs .normalSearch .fields { padding:15px; }
.searchs .normalSearch .field .txtBg { border:3px solid #630560 !important; padding-right:70px; }
.searchs .normalSearch .field .txtBg.focus { outline:0 !important; }
.searchs .normalSearch .field .txtBg .comText { height:38px; padding-top:8px; padding-bottom:8px; color:#630660; font-weight:bold; font-size:15px; }
.searchs .normalSearch .field .txtBg .btDel { right:55px; }
.searchs .normalSearch .searchBtn { position:absolute; right:4px; top:4px; width:40px; height:36px; z-index:2; }
.searchs .normalSearch .searchBtn button { border:0; display:block; width:100%; height:100%; border-radius:0; position:relative; }
.searchs .normalSearch .searchBtn .iconBg { display:block; margin:0 auto; vertical-align:middle; top:-2px; width:27px; height:26px; background-position:-300px -50px; text-indent:-999px; overflow:hidden; }
.searchs .normalSearch .searchBtn .iconBg:after { content:"\00a0"; position:absolute; text-indent:0; left:0; }
.searchs .normalSearch .btDetial { position:absolute; width:73px; top:0; right:0; height:44px; line-height:44px; white-space:nowrap; font-size:15px; background-color:#630660; text-align:center; color:#fff; font-weight:bold; }

.searchs .detailSearch { display:none; padding:15px 10px; background-color:#fbfbfb; border:1px solid #ddd; }
.searchs .detailSearch .searchField { padding-bottom:14px; }
.searchs .detailSearch .searchText { width:100%; height:40px; padding:8px; color:#630660; font-weight:bold; border:1px solid #8f538d; border-radius:0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.searchs .detailSearch .forms > li { padding-top:15px; padding-left:48px; position:relative; }
.searchs .detailSearch .forms > li:first-child { padding-top:0; }
.searchs .detailSearch .forms .field + .field { margin-top:-1px; }
.searchs .detailSearch .forms .field + p { padding-top:10px; font-size:11px; line-height:1.6; }
.searchs .detailSearch .forms .comText { color:#666; font-size:1em; padding-top:5px; padding-bottom:5px; height:30px; }
.searchs .detailSearch .formBtn { padding-top:15px; }
.searchs .detailSearch .forms .lb { font-weight:bold; left:0; position:absolute; color:#333; font-weight:bold; line-height:30px; letter-spacing:-1px; }
/* 추천 검색어 */
.searchs .recommendWords { padding-top:12px; position:relative; line-height:1.8; color:#222; }
.searchs .recommendWords .short { position:relative; }
.searchs .recommendWords .btShow { position:absolute; width:20px; height:20px; right:0; bottom:0; }
.searchs .recommendWords .btShow em { width:0; height:0; overflow:hidden; position:absolute; }
.searchs .recommendWords .btShow:before { content:"\00a0"; margin:7px auto 0; width:14px; height:8px; display:block; background-position:-25px -400px; }
.searchs .recommendWords.on .btShow:before { background-position:-50px -400px; }
.searchs .recommendWords .tit { position:absolute; left:0; top:0; font-weight:bold; font-size:1rem; color:#630660; padding-right:14px; }
.searchs .recommendWords .tit:after { content:"\00a0|\00a0"; right:0; position:absolute; color:#ccc; font-weight:normal; }
.searchs .recommendWords.on .tit { position:static; }
.searchs .recommendWords.on .tit:after { display:none; }
.searchs .recommendWords.on .words { display:none; }
.searchs .recommendWords .words { text-indent:72px; }
.searchs .recommendWords .words a { margin:0 3px; }
.searchs .recommendWords .words:after { content:""; display:inline-block; vertical-align:middle; width:30px; height:20px; visibility:hidden; }
.searchs .recommendWords .wlst { display:none; }
.searchs .recommendWords .wlst:after { content:""; display:block; clear:both; }
.searchs .recommendWords .wlst > li { float:left; width:50%; padding-top:2px; padding-bottom:2px; padding-right:10px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.searchs .recommendWords .wlst > li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.searchs .recommendWords .wlst > li a:before { content:""; position:relative; top:-1px; margin-right:4px; display:inline-block; vertical-align:middle; width:2px; height:2px; background-color:#222; }

/* 통합검색 리스트 */
.lstTitles { position:relative; padding:45px 0 10px; border-bottom:1px solid #ddd; }
.lstTitles .ht { color:#630660; font-size:17px; }
.lstTitles .total { position:absolute; right:0; top:45px; font-size:13px; font-weight:bold; color:#630660; }
.lstTitles .total.iconBgAfter:after { display:inline-block; vertical-align:middle; position:relative; top:-1px; margin-left:8px; content:"\00a"; width:8px; height:14px; background-position:0 -400px; }
/* */
.imgList .lst { border-top: 1px solid #ddd; }
.imgList .lst > li { padding:15px 0; border-bottom: 1px solid #ddd; }
.imgList .noData { height:102px; }
.imgList .lst .lnk { display:table; table-layout:fixed; width:100%; }
.imgList .lst .lnk > * { display:table-cell; vertical-align:middle; }
.imgList .lst .img { width:22.812%; max-width:146px; }
.imgList .lst .img img { border:1px solid #ddd; }
.imgList .lst .desc { padding:8px 10px; font-weight:bold; }
.imgList .lst .desc .sst { font-size:11px; padding-bottom:6px; }
.imgList .lst .desc .tit { color:#222; font-size:17px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:42px; }
.imgList .lst .desc .date { color:#630660; padding-top:12px; }
.imgList .lst .desc .discount { padding-top:12px; color:#f77e4d; }
/* */
.digiList .lst { border-top: 1px solid #ddd; }
.digiList .lst > li { padding:15px 0; border-bottom: 1px solid #ddd; }
.digiList .noData { height:72px; }
.digiList .lst .lnk { display:table; table-layout:fixed; width:100%; }
.digiList .lst .lnk > * { display:table-cell; vertical-align:middle; }
.digiList .lst .img { width:33.75%; max-width:216px; }
.digiList .lst .img img { border:1px solid #ddd; }
.digiList .lst .desc { padding:8px 10px; font-weight:bold; }
.digiList .lst .desc .tit { color:#222; font-size:17px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:42px; }
.digiList .lst .desc .etc { padding-top:10px; font-size:11px; }
.digiList .lst .desc .etc:after { content:""; display:block; clear:both; }
.digiList .lst .desc .etc .date { float:left; }
.digiList .lst .desc .etc .count { float:right; padding-bottom:0; }
@media all and (min-width:460px) {
    .imgList .lst .img { width:90px; }
    .digiList .lst .img { width:138px; }
}
@media all and (max-width:379px) {
    .imgList .lst .img { width:73px; }
    .digiList .lst .img { width:108px; }
}
/*  */
.calsList .noData { height:102px; }
.calsList .lst { border-top: 1px solid #ddd; }
.calsList .lst > li { padding:15px 0; border-bottom: 1px solid #ddd; }
.calsList .lst .lnk { position:relative; padding-left:115px; min-height:143px; }
.calsList .lst .img { position:absolute; width:102px; height:143px; left:0; top:0; }
.calsList .lst .img img { max-width:100px; max-height:141px; border:1px solid #ddd; }
.calsList .lst .desc { padding:4px 10px; font-weight:bold; }
.calsList .lst .desc .sst { font-size:11px; padding-bottom:6px; }
.calsList .lst .desc .tit { color:#222; font-size:17px; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; max-height:42px; }
.calsList .lst .desc .date { color:#630660; padding-top:6px; letter-spacing:-1px; }
.calsList .lst .desc .discount { padding-top:6px; color:#f77e4d; letter-spacing:-1px; }
.calsList .spBtn { position:absolute; bottom:0; left:115px; right:0; }
.calsList .spBtn:after { content:""; display:block; clear:both; }
.calsList .spBtn > a { display:block; float:left; width:50%; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#e5e5e5; line-height:28px; text-align:center; font-weight:bold; color:#fff; font-size:13px; }
.calsList .spBtn > a:first-child { border-right:0; }
.calsList .spBtn .resv { background-color:#630560; border-color:#630560; }
.calsList .spBtn .package { background-color:#ff7800; border-color:#ff7800; }



/* 팝업 */
.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; }
.popup .section .title { text-align:center; padding:0 40px; position:relative; height:45px; border-bottom:2px solid #630660; }
.popup .section .title .tit { text-align:center; white-space:nowrap; font-size:18px; 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; top:0; left:0; }
.popup .section .title .b-close .iconBg { position:absolute; width:14px; height:14px; top:50%; left:50%; margin:-7px 0 0 -7px; background-position:-75px -350px; overflow:hidden; text-indent:-999px; }
.popup .pbody { padding:25px 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:#630660; }
.popup .alert { text-align:center; }


/* 마이페이지 */
.myPage .info { width:100%; height:100px; display:table; table-layout:fixed; margin-bottom:15px; }
.myPage .info .text { display:table-cell; vertical-align:middle; text-align:center; line-height:1.5; color:#222; background-color:#f4f1f9; }
.myPage .info .date { padding-top:6px; }
.myPage .info .name { font-size:17px; font-weight:bold; }
.myPage .info .name strong { color:#630660; display:inline-block; }
.myPage .info .name .lv { margin-left:3px; display:inline-block; vertical-align:middle; position:relative; top:-2px; font-size:11px; line-height:20px; padding:0 5px; color:#fff; background-color:#b7a6bd; }
.myPage .lst { border-top:1px solid #ddd; }
.myPage .lst > li { border-bottom:1px solid #ddd; }
.myPage .lst > li a { display:block; padding:0 8px; line-height:44px; position:relative; color:#222; font-size:13px; font-weight:bold; }
.myPage .lst .iconBgBefore:before { content:"\00a0"; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:28px; height:28px; margin-right:15px; }
.myPage .lst .icon1:before { background-position:-151px -400px; }
.myPage .lst .icon2:before { background-position:-200px -400px; }
.myPage .lst .icon3:before { background-position:-250px -400px; top:-2px; }
.myPage .lst .icon4:before { background-position:-300px -400px; }

/* 이밴트 없음 */
.noEvent { padding:160px 0; text-align:center; font-size:1.083em; }
.noEvent .noimg { width:100px; margin-bottom:10px; }

/* 2016.08.23 */
.showDescription .status { margin-bottom:10px; font-size:12px; font-weight:bold; color:#f16c00; display:inline-block; padding:5px 10px; border:1px solid #f16c00; border-radius:12px; }
.subContents .happy_show_info { padding:6px 10px; line-height:1.4; }
.subContents .happy_show_info > li { position:relative; padding:3px 0 3px 77px; }
.subContents .happy_show_info > li > em { position:absolute; left:0; color:#222; font-weight:bold; width:77px; white-space:nowrap; }
.subContents .happy_show_info > li > em:before { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#222; margin-right:5px; position:relative; top:-1px; }
.subContents .happy_show_info > li > em:after { content:"|"; color:#666; position:absolute; right:6px; font-weight:normal; }
.subContents .happy_show_info > li.on, .subContents .happy_show_info > li.on em { color:#f16c00; }
.showDescription .happy_show_info { margin:-5px 0 30px; border:1px solid #e5e5e5; }
.reserveResult .happy_show_info { margin-bottom:10px; background-color:#f4f1f9; }
.reserveResult .happy_show_info > li > em { color:#630660; }
.reserveResult .happy_guide > p { padding-left:1.333em; text-indent:-1.333em; margin:4px 0; line-height:1.4; }
.reserveResult .pageLink { margin-top:25px; text-align:center; }
.reserveResult .pageLink a { display:inline-block; color:#222; padding:14px 20px; font-weight:bold; font-size:16px; border:1px solid #ddd; border-bottom-color:#bbb; }
.reserveResult .result { padding:25px 0 50px; text-align:center; font-size:18px; color:#222; line-height:1.35; }
.reserveResult .result .figure { width:26.415%; min-width:84px; margin:0 auto; }

/* 2016.08.26 */
.cbtn { padding:5px 10px; display:inline-block; color:#222; font-weight:bold; background-color:#fbfbfb; border:1px solid #ddd; border-bottom-color:#bbb; }

/* */ 
.slick-track .draggable > div { position:relative; } 
.mainContents .mainNews .lst > li p em { text-align:center; } 
.mainContents .mainSlider .sliderList { overflow:hidden; } 
.mainContents .mainSlider .desc { text-align:left; } 
.mainContents .mainSlider .center .desc { opacity:1; } 
.mainContents .mainSlider .active .desc { opacity:1; } 
.mainContents .mainSlider .center .panel:after, 
.mainContents .mainSlider .active .panel:after { display:none; } 
.mainContents .mainSlider .panel:after { /* display:none; */ } 
.mainContents .mainEventList .eventSlider { overflow:hidden; } 
.mainContents .mainEventList .owl-dots { padding:12px 0 4px; text-align:center; line-height:10px; } 
.mainContents .mainEventList .owl-dots .owl-dot { display:inline-block; margin:0 3px; vertical-align:top; } 
.mainContents .mainEventList .owl-dots .owl-dot span { vertical-align:top; display:block; border:0; overflow:hidden; text-indent:-999px; width:8px; height:8px; border:1px solid #63065f; background-color:#fff; border-radius:50%; box-sizing:border-box; } 
.mainContents .mainEventList .owl-dots .owl-dot.active span { background-color:#63065f; } 
/* */ 
.flick { height:100%; z-index:1; } 
.eg-flick-container > div { height:100%; float:left; display:block } 
.swiper { position:relative; z-index:1; } 
.swiper .swiper-container { position:relative; z-index:1; width:100%; height:100%; margin:0 auto; } 
.swiper .swiper-wrapper { width:100%; height:100%; position:relative; overflow:hidden; } 
.swiper .swiper-slide { width:100%; height:100%; float:left; position:relative; } 
.swiper .swiper-slide > .img { position:relative; } 
.swiper .swiper-slide > .img:after { position:absolute; top:0; left:0; content:"\00a0"; } 
.mainContents .mainSlider { overflow:hidden; } 
.mainContents .mainSlider .swiper { margin:0 40px; padding-bottom:100px; } 
.mainContents .mainSlider.eg .swiper { margin:0; padding:0 40px 100px; } 
.mainContents .mainSlider .swiper img { -webkit-perspective:1; } 
.mainContents .mainSlider .swiper .swiperBg { position:relative; z-index:-1; padding:0 12px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.mainContents .mainSlider .swiper .swiperBg img { width:100%; } 
.mainContents .mainSlider .swiper .sliderList { position:absolute; top:0; left:0; bottom:0; right:0; overflow:visible; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.mainContents .mainSlider .swiper .sliderList .lst { overflow:visible; } 
.mainContents .mainSlider .swiper .swiper-slide { box-sizing:border-box; -webkit-box-sizing:border-box; } 
.mainContents .mainSlider .swiper .swiper-slide-active .desc { opacity:1; } 
.mainContents .mainSlider .swiper .swiper-slide-active .panel:after { display:none; } 
.mainContents .mainSlider .swiper .swiper-slide .panel { background-color:#fff; } 
.mainContents .mainSlider .swiper .panel { padding:0 12px; } 
.mainSlider .fake { position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; padding:0 40px; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.mainSlider .fake > li { position:absolute; top:0; bottom:0; width:100%; } 
.mainSlider .fake > li:first-child { right:100%; } 
.mainSlider .fake > li:last-child { left:100%; } 
.mainContents .mainEventList .swiper .eventSlider img { -webkit-perspective:1; } 
.mainContents .mainEventList .swiper .eventSlider .swiperBg { position:relative; z-index:-1; text-align:center; padding:0 10px; } 
.mainContents .mainEventList .swiper .eventSlider .swiperBg img { width:100%; } 
.mainContents .mainEventList .swiper .eventSlider .lst { position:absolute; top:0; left:0; bottom:0; right:0; } 
.mainContents .mainEventList .pagination { padding:12px 0 4px; text-align:center; line-height:10px; position:relative; z-index:2; } 
.mainContents .mainEventList .pagination .swiper-pagination-switch { transition:background-color 0.2s linear; cursor:pointer; } 
.mainContents .mainEventList .pagination .swiper-pagination-switch, 
.mainContents .mainEventList .pagination .swiper-visible-switch, 
.mainContents .mainEventList .pagination .swiper-active-switch { display:inline-block; margin:0 3px; vertical-align:top; width:8px; height:8px; border:1px solid #63065f; background-color:#fff; border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer; } 
.mainContents .mainEventList .pagination .swiper-visible-switch, 
.mainContents .mainEventList .pagination .swiper-active-switch { background-color:#63065f; }
html { -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }