@charset "utf-8";

/* header */
.header .headWrap .headMain { max-width:67.11957%; }
.gnbWrap .gnbList>li.hover>a>span:after { visibility:visible; left:50%; margin-left:-2px; background:#000; transition:0.3s; }
@media screen and (max-width: 1440px) {
	.header .headWrap .headMain { max-width:none; }
	.gnbWrap .gnbList>li { padding-right:2.333em; }
}

/* layout */
#container { margin-bottom:6%; min-height:24em; }
.siteLocation { position:relative; max-width:1235px; margin:2.500em auto 4.875em; padding:0 5.5%; }
.siteLocation .location { display:flex; align-items:center; border-bottom:1px solid #7f7f7f; }
.siteLocation .location .home { height:100%; margin-right:1.625em; }
.siteLocation .location .home a { overflow:hidden; display:inline-block; width:18px; height:100%; background:url(../images/sub/icon_home.svg) no-repeat 0 50%; text-indent:-999px; }
.siteLocation .location .locationTab { display:flex; }
.siteLocation .location .locationTab>li { position:relative; margin-right:3.500em; }
.siteLocation .location .locationTab .locBtn { display:inline-block; min-width:7.500em; text-align:left; font-size:1.250em; }
.siteLocation .location .locationTab .locBtn span { display:block; padding:0.550em 24px 0.550em 0; }
.siteLocation .location .locationTab .locBtn span::before { content:''; position:absolute; top:1.100em; right:0; border-top:7px solid #000; border-right:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid transparent; }
.siteLocation .location .locationTab li div { display:none; z-index:2; position:absolute; left:0; width:max-content; min-width:100%; padding:0.5em 1em; border:1px solid #000; background-color:#fff; }
.siteLocation .location .locationTab li div li { border-top:1px solid #444; }
.siteLocation .location .locationTab li div li:first-child { border-top:none; }
.siteLocation .location .locationTab li div li a { display:block; padding:0.75em 0; font-size:1.063em; }
.siteLocation .location .locationTab li div li a span { display:block; position:relative; }
.siteLocation .location .locationTab li div li a:hover span,
.siteLocation .location .locationTab li div li a:focus span { padding-left:12px; transition:0.4s; }
.siteLocation .location .locationTab li div li a span::before,
.siteLocation .location .locationTab li div li a span::before { content:''; opacity:0; position:absolute; top:50%; left:0; width:4px; height:0; margin-top:-2px; border-radius:50%; background:#000;  }
.siteLocation .location .locationTab li div li a:hover span::before,
.siteLocation .location .locationTab li div li a:focus span::before { opacity:1; height:4px; transition:0.4s 0.1s; }
.siteLocation .btnPrint { position:absolute; top:0; right:5.46875vw;  width:25px; height:100%; }
.siteLocation .btnPrint button { overflow:hidden; display:inline-block; width:100%; height:100%; background:url(../images/sub/icon_print.png) no-repeat 0 50%; text-indent:-999px; }
#content { max-width:1235px; margin:0 auto; padding:0 5.5%; }
.pageTit { margin-bottom:3.625em; text-align:center; }
.pageTit h3 { display:inline-block; font-weight:500; font-size:2.188em; }
div.comingSoon { margin:5em auto; text-align:center; font-weight:300; font-size:1.375em; }

/* tabmenu */
.tabNav { max-width:1235px; margin:0 auto 4.250em; padding:0 5.5%; }
.tabNav > p { display:none; }
.tabNav .tabList { border:1px solid #000; text-align:center; }
.tabNav .tabList ul { display:flex; justify-content:center; align-items:center; }
.tabNav .tabList ul li { flex-grow:1; max-width:50%; border-left:1px solid #000; }
.tabNav .tabList ul li:first-child { border-left:none; }
.tabNav .tabList ul li a { display:block; padding:1.111em; font-size:1.125em; }
.tabNav .tabList ul li.active a { background:#000; color:#72ff6f; font-weight:500; }
.tabNav .tabList.type2 { border:none; }
.lesson .scheduleDetail .tabBtn,
.tabNav .tabList.type2 ul { border:none; border-right:1px solid #e0e0e0; text-align:center; }
.tabNav .tabList.type2 ul li { border-left:none; }
.lesson .scheduleDetail .tabBtn li::before { content:none; }
.lesson .scheduleDetail .tabBtn li { flex-grow:1; margin-left:0; padding-left:0; }
.lesson .scheduleDetail .tabBtn li a,
.tabNav .tabList.type2 ul li a { display:block; position:relative; border-top:1px solid #e0e0e0; border-bottom:1px solid #000; border-right:none; border-left:1px solid #e0e0e0; background-color:#f3f3f3; color:#888; }
.lesson .scheduleDetail .tabBtn li a.on,
.tabNav .tabList.type2 ul li.active a { border-color:#000; border-bottom:none; background-color:#fff; color:#000; }
.lesson .scheduleDetail .tabBtn li a.on::before,
.tabNav .tabList.type2 ul li.active a::before { content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#000; }
.lesson .scheduleDetail .tabBtn li a.on span::before { content:none; }

/* content */
.contentLayout { max-width:1235px; margin:0 auto; }
.titType1 { margin-top:2.182em; margin-bottom:1rem; font-weight:500; font-size:1.375em; }
.conTxt { word-break:keep-all; letter-spacing:-.04em; line-height:1.5; font-size:1.0625em; font-weight:300; }
.conTxt.bold { margin-top:3.333em; font-weight:400; text-align:center; font-size:1.125em; }
.conTxt2 { line-height:1.5; letter-spacing:-0.03em; }
.conTxt2 b { font-weight:500; }
p[class*=conTxt].gray { color:#555; }
.fontR { color:#fe3939; font-weight:500; }
.listStyle>li { position:relative; margin:0.5em 0; padding-left:0.556em; line-height:1.3; }
.listStyle>li::before { content:'·'; position:absolute; top:0; left:0; }
.listStyle2>li { margin:0.313em 0; line-height:1.5; font-weight:300; font-size:1rem; }
.listStyle ul { margin-top:0.5rem; }
ul.noneBefore[class*="listStyle"]>li { padding-left:0; }
ul.noneBefore[class*="listStyle"]>li::before { content:none; }
.listStyle li a { display:inline-block; }
.listStyle li a span.down { display:inline-block; padding-right:1.5rem; background:url(../images/sub/icon_download.png) no-repeat right 0 top 0.25rem; background-size:1rem auto; }
.listStyle li a:hover span.down,
.listStyle li a:focus span.down { text-decoration:underline; }
.counterList { counter-reset:section; line-height:1.4; }
.counterList>li { position:relative; margin:0.5em 0; padding-left:1.8em; font-weight:300; }
.counterList>li::before { counter-increment:section; content:counter(section)"."; position:absolute; top:0; left:0; min-width:1.500em; text-align:right; }
.conTable { table-layout:fixed; width:100%; margin:1rem 0; border-top:1px solid #2c2c2c; line-height:1.4; }
.conTable th,
.conTable td { border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; text-align:center; vertical-align:middle; }
.conTable thead tr:first-child th:first-child,
.conTable tbody tr th:first-child { border-left:none; }
.conTable tbody th:first-child { border-right:1px solid #e3e3e3; }
.conTable thead th { padding:1rem; background-color:#f8f8f8; font-weight:400; font-size:1.125rem; }
.conTable tbody th { background-color:#fbfbfb; text-align:center; font-weight:300; }
.conTable td { padding:0.875rem; font-weight:300; font-size:1.063rem; }
.conTable td .red { font-weight:500; color:#ff002a; }
.conTable.tdLeft td { text-align:left; }
.conTable td a.lk { overflow:hidden; display:inline-block; max-width:100%; border-bottom:1px solid #000; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.tableDrag { display:none; }
.tblUnit { text-align:right; }
.msgBox { margin-top:1em; margin-bottom:4.250em; padding:1.500em 1.250em; border:4px solid #d1d5d8; box-sizing:border-box; }
.msgBox h4.tit { font-weight:400; font-size:1.250em; }
.msgBox.bg { padding:1.750em; border:none; background:#f4f4f4; }
.msgBox.bg h4.tit { text-align:center; letter-spacing:-0.03em; font-weight:500; font-size:1.625em; }
@media screen and (max-width: 1200px) {
    /* header */
    .header .headWrap .headMain { max-width:none; }
}
@media screen and (max-width: 1024px) {
    /* layout */
    #container { margin-bottom:60px; }
    .pageTit { margin-top:2.818em; margin-bottom:2.909em; }
    .pageTit h3 { font-size:1.727em; }

    .siteLocation { margin:0 0 2.818em; padding:0; }
    .siteLocation .location .home,
    .siteLocation .btnPrint { display:none; }
    .siteLocation .location { display:block; border-bottom:none; }
    .siteLocation .location .locationTab { display:block; }
    .siteLocation .location .locationTab>li { margin-right:0; }
    .siteLocation .location .locationTab .locBtn { width:100%; padding:0 2em; box-sizing:border-box; }
    .siteLocation .location .locationTab .locBtn span { position:relative; padding:1em 2em 1em 0; }
    .siteLocation .location .locationTab>li:first-child .locBtn { background:#000; color:#fff; }
    .siteLocation .location .locationTab>li:first-child .locBtn span::before { content:''; position:absolute; top:1.1em; right:0; width:9px; height:9px; border-top:2px solid #fff; border-right:2px solid #fff; border-left:none; border-bottom:none; transform:rotate(135deg); transition:0.4s; }
    .siteLocation .location .locationTab>li:first-child .locBtn.active span::before { top:1.5em; transform:rotate(-45deg); }
    .siteLocation .location .locationTab>li:nth-child(2) .locBtn { border-bottom:1px solid #dcdcdc; }
    .siteLocation .location .locationTab>li:nth-child(2) .locBtn span::before,
    .siteLocation .location .locationTab>li:nth-child(2) .locBtn span::after { content:''; position:absolute; top:50%; right:0; border:none; background:#040404; }
    .siteLocation .location .locationTab>li:nth-child(2) .locBtn span::before { width:16px; height:2px; }
    .siteLocation .location .locationTab>li:nth-child(2) .locBtn span::after { width:2px; height:16px; margin-top:-7px; margin-right:7px; transition:0.3s; }
    .siteLocation .location .locationTab>li:nth-child(2) .locBtn.active span::after { transform:rotate(90deg); }
    .siteLocation .location .locationTab li div li { border-top:1px solid #dcdcdc; }
    .siteLocation .location .locationTab li div li a:hover span,
    .siteLocation .location .locationTab li div li a:focus span { padding-left:0; transition:none; }
    .siteLocation .location .locationTab li div li a span::before,
    .siteLocation .location .locationTab li div li a span::before { content:none; }
    .siteLocation .location .locationTab li div { position:static; width: 100%; padding:0; border:none; box-sizing:border-box; }
    .siteLocation .location .locationTab li div li:last-child { border-bottom:1px solid #dcdcdc; }
    .siteLocation .location .locationTab li div li a { padding:1em 2.167em 1em; font-size:1.091em; }

    /* tabmenu */
    .tabNav { margin:3.182em 0; }
    .tabNav > p { display:block; }
    .tabNav .moTabBtn { display:block; width:100%; padding:1em 0; border-top:1px solid #000; border-bottom:1px solid #000; text-align:left; font-size:1.182em; }
    .tabNav .moTabBtn span { display:block; position:relative; padding-right:2em; }
    .tabNav .moTabBtn span::before { content:''; position:absolute; top:0; right:0; width:1.846em; height:100%; background:url(../images/sub/arrow_tabnav.svg) no-repeat 50% 50%; background-size:contain; transition:0.4s; }
    .tabNav .moTabBtn span::before { }
    .tabNav .moTabBtn.active span::before { -webkit-transform:rotate(180deg); transform:rotate(180deg); }
    .tabNav .tabList { display:none; border:1px solid #000; border-top:none; }
    .tabNav .tabList ul { flex-direction:column; padding:1em 0; }
    .tabNav .tabList ul li { width:100%; max-width:none; padding:0; border:none; }
    .tabNav .tabList ul li a { padding:0.833em 1.250em;text-align:left; }
    .tabNav .tabList ul li.active a { background:#fff; color:#000; font-weight:700; }
    .tabNav .tabList ul li:before,
    .tabNav .tabList ul li.active a span::after { content:none; }
    .tabNav .tabList ul li a span { padding:0; }
    .tabNav .tabList.type2 ul { border:1px solid #000; border-top:none; }
    .tabNav .tabList.type2 ul li.active a::before { content:none; }
    .tabNav .tabList.type2 ul li a { border:none; background-color:#fff; color:#000; }
}

/* selectbox */
.selectbox { display:flex; position:relative; min-width:6.143em; background:#fff; border:1px solid #bdbdbd; color:#000; font-size:0.938em; -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; z-index:1; }
.selectbox:after { content:''; position:absolute; top:50%; right:0.786em; width:6px; height:6px; margin-top:-6px; border-top:2px solid #070707; border-right:2px solid #070707; -webkit-transform: rotate(135deg); transform: rotate(135deg); transition:0.3s; }
.selectbox.focus { border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
.selectbox.focus:after { margin-top:0; transform:rotate(-45deg); }
.selectbox label,
.selectbox select { width:100%; box-sizing:border-box; white-space:nowrap; }
.selectbox label { overflow:hidden; position:absolute; top:0; left:0; padding-right:2em; box-sizing:border-box; text-align:left; z-index:-1; text-indent:.58em; white-space:nowrap; text-overflow:ellipsis; }
.selectbox select { height:auto; line-height:normal; font-family:inherit; border:0; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

/* Board Style */
.boardStyle { overflow:hidden; max-width:1235px; margin:0 auto; }
.boardStyle .selectbox:after { content:''; position:absolute; right:1em; top:50%; width:0; height:0; margin-top:-2px; border-width:8px 6px 0; border-style:solid; border-color:#000 transparent; transform:none; }
.boardStyle .selectbox.focus:after { transform:rotate(180deg); }

/* Board Search */
.boardInfo { overflow:hidden; margin-bottom:2em; font-size:.9375em; }
.boardInfo .infoCount { line-height:3.33333em; }
.infoCount { line-height:3em; color:#48464c; }
.infoCount span { display:inline-block; position:relative; margin-right:1em; padding-left:.5em; }
.infoCount span:after { content:''; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; background:#48464c; border-radius:50%; }
.infoCount b { color:#000; font-weight:500; }
.boardInfo ul { float:right; }
.boardInfo ul li { display:inline-block; vertical-align:top; }
.boardInfo .selectbox { position:relative; width:8.125rem; border-radius:1.7em; }
.boardInfo .selectbox label { line-height:3.33333em; text-indent:1em; }
.boardInfo .selectbox select { width:100%; height:3.33333em; padding:0 .5em; border:1px solid #c6c6c6; color:#000; }
.boardInfo .boardSearchText { overflow:hidden; position:relative; width:15.533333em; height:3.33333em; padding:0 3.33333em 0 1.5em; border:1px solid #c6c6c6; border-radius:1.7em; box-sizing:border-box; }
.boardSearchText input.text { width:100%; height:100%; border-right:1px solid; border:0; box-sizing:border-box; vertical-align:top; color:#48464c; text-indent:.5em; }
.boardSearchText .btnBoardSearch { position:absolute; right:0; top:0; width:3.33333em; height:100%; background:url(../images/sub/btn_search.svg) center no-repeat; background-size:auto 1em; vertical-align:top; text-indent:-9999px; }

/* board Category */
.boardCate { display:flex; flex-wrap:wrap; justify-content:center; max-width:90%; margin:0 auto 3.625em; }
.boardCate li { position:relative; margin:0.313em 0.412em 0.313em 0; padding-right:0.563em; }
.boardCate li::before { content:''; position:absolute; top:50%; right:0; width:1px; height:0.875em; margin-top:-0.563em; background:#b4b4b4; }
.boardCate li:last-child { margin-right:0; padding-right:0; }
.boardCate li:last-child::before { content:none; }
.boardCate li a { display:inline-block; padding-bottom:0.235em; color:#444; line-height:1.3; font-size:1.063em; }
.boardCate li a:hover,
.boardCate li a:focus { font-weight:700; }
.boardCate li.active a { position:relative; color:#000; font-weight:700; }
.boardCate li.active a::before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#000; }

/* Board List */
.boardList { width:100%; margin:0 auto; }
.boardList table { width:100%; margin-bottom:1.875em; table-layout:fixed; text-align:center; }
.boardList thead { border-top:1px solid #000; border-bottom:1px solid #e7e7e7; }
.boardList thead th { line-height:1.5625em; background:#fafafa; text-align:center; color:#111; font-weight:500; }
.boardList thead th { padding:1.25em 1em; }
.boardList tbody tr { border-bottom:1px solid #ededed; }
.boardList tbody tr:hover { background:#fafafa; }
.boardList td { padding:1em; vertical-align:middle; font-weight:400; }
.boardList .num { width:3.5em; }
.boardList .category { width:14%; }
.boardList .state { width:8em; }
.boardList .category { word-break:keep-all; }
.boardList .subject { width:auto; }
.boardList .writer { width:6.6em; }
.boardList .date { width:6em; }
.boardList .hits { width:3.5em; }
.boardList .file { width:4.5em; }
.boardList .admin { width:8em; }
.boardList td.subject { color:#2d2d2d; text-align:left; }
.boardList td.category,
.boardList td.state { color:#be6d50; letter-spacing:-0.06em; }
.boardList td.subject a { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; }
.boardList td .notice { display:inline-block; width:3.5em; padding:0.500em 0.429em; border-radius:22px; background:#000; text-align:center; color:#72ff6f; font-size:0.875em; }
.boardList td .new { display:inline-block; margin-right:2px; color:#ed2100; vertical-align:middle; font-style:normal; font-weight:500; font-size:10px; }
.boardList td.subject i.reply { display:inline-block; position:relative; margin-left:1.333em; margin-right:.5em; padding:0.250em 0.583em; border:1px solid #b5b8bc; background:#f6f7f9; color:#3f3f3f; vertical-align:top; font-style:normal; font-size:12px; }
.boardList td.subject i.reply:before { content:''; position:absolute; top:0; left:-1.333em; width:1.125em; height:100%; background:url(../images/sub/icon_reply.png) left top no-repeat; background-size:14px auto; }
.boardList td.subject i.secret { display:inline-block; margin-right:.5em; padding:0.250em 0.583em; border:1px solid #edba9e; background-color:#fff; color:#af501c; vertical-align:top; font-style:normal; font-size:12px; }
.boardList td.file span { display:block; min-height:23px; }
.boardList td.file span img { vertical-align:middle; }
.boardList .file span { display:inline-block; overflow:hidden; background-position:center; background-repeat:no-repeat; vertical-align:middle; }
.boardList .file span.hwp,
.boardList .file span.hwpx { background-image:url(../images/sub/icon_file_hwp.jpg); }
.boardList .file span.zip { background-image:url(../images/sub/icon_file_zip.jpg); }
.boardList .file span.jpg { background-image:url(../images/sub/icon_file_jpg.jpg); }
.boardList .file span.gif { background-image:url(../images/sub/icon_file_gif.jpg); }
.boardList .file span.doc { background-image:url(../images/sub/icon_file_doc.jpg); }
.boardList .file span.xlsx { background-image:url(../images/sub/icon_file_xlsx.jpg); }
.boardList .file span.ppt,
.boardList .file span.pptx { background-image:url(../images/sub/icon_file_ppt.jpg); }
.boardList .file span.pdf { background-image:url(../images/sub/icon_file_pdf.jpg); }
.boardList .file span.etc { background-image:url(../images/sub/icon_file_etc.jpg); }
.noData { margin-top:-1.66666em; padding:2em; border-bottom:1px solid #ededed; text-align:center; font-size:1.063em; font-weight:400; }
.boardList .formBtn { display:inline-block; padding:0.533em 0.800em; border:1px solid #dcdcdc; background:#fafafa; text-align:center; line-height:1.2; font-weight:300; font-size:0.938em; box-sizing:border-box; }
.boardList .formBtn:hover,
.boardList .formBtn:focus { text-decoration:underline; }

/* galleryWrap */
.boardStyle .galleryWrap { max-width:1235px; margin:0 auto; }
.galleryList { display:flex; flex-wrap:wrap; }
.galleryList li { display:inline-block; width:32%; margin-bottom:1.875em; margin-left:2%; box-sizing:border-box; vertical-align:top; }
.galleryList li:nth-child(3n+1) { margin-left:0; }
.galleryList a { overflow:hidden; display:block; border:1px solid #dcdcdc; }
.galleryList a span { display:block; }
.galleryList a span.img { overflow:hidden; position:relative; padding-top:54.2858%; background:#ddd url(../images/sub/img_dfault.jpg) center no-repeat; background-size:contain; }
.galleryList a span.img img { position:absolute; left:50%; top:50%; width:100%; max-width:none; height:auto; transform:translate(-50%, -50%); }
.galleryList a span.txt { padding:2.188em 1em 1.875em 2.000em; }
.galleryList a span.txt i { font-style:normal; }
.galleryList a span.txt strong {  overflow:hidden; display:block; margin:.25em 0 0.4em; font-size:1.125em; font-weight:500; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-.05em; }
.galleryList a span.txt i.cont { overflow:hidden; display:block; height:2.625em; margin-top:0.750em; color:#7c7c7c; line-height:1.3; letter-spacing:-0.03em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.galleryList a:hover,
.galleryList a:focus { background-color:#000; transition:0.4s; }
.galleryList a:hover span.txt,
.galleryList a:focus span.txt { color:#fff; }
.galleryList a:hover span.txt .cont,
.galleryList a:focus span.txt .cont { color:#b6dfff; }
.galleryWrap .newsletter { display:flex; flex-wrap:wrap; }
.galleryWrap .newsletter li { width:24%; margin:0 0.5% 3em; }
.galleryWrap .newsletter li a { display:block; }
.galleryWrap .newsletter li a span { overflow:hidden; display:block; position:relative; text-align:center; line-height:1.3; letter-spacing:-0.03em; }
.galleryWrap .newsletter li a .img { padding-top:135.1352%; background:url(../images/sub/img_dfault.jpg) no-repeat 50% 50%; background-size:auto 100%; }
.galleryWrap .newsletter li a .img img { display:block; position:absolute; top:0; left:50%; width:auto; max-width:none; height:100%; transform:translateX(-50%); }
.galleryWrap .newsletter li a span.tit { overflow-y:hidden; margin-top:0.750em; height:2.700em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; white-space:normal; line-height:1.4; font-size:1.250em; font-weight:500; }
.galleryWrap .newsletter li a span.date { margin-top:0.625em; color:#888; }
.galleryWrap .newsletter li a span.number { margin-top:0.667em; color:#66411c; font-size:1.125em; }
.galleryWrap .newsletter li a span.img::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; transition:0.4s; z-index:1; }
.galleryWrap .newsletter li a:hover span.img::before,
.galleryWrap .newsletter li a:focus span.img::before { background-color:rgba(000,000,000,0.6); }

/* Board List - Btn */
.boardBtn { margin:2em 0; text-align:center; }
.writeBtn { margin:2em 0; text-align:center; }
.boardBtn.center { padding:0 1.5em; text-align:center; }
.boardBtn p,
.boardBtn ul li,
.writeBtn ul li { display:inline-block; }
.boardBtn a,
.boardBtn input,
.boardBtn button { display:block; margin-right:3px; padding:0 1em; border:1px solid #d1d1d1; box-sizing:border-box; border-radius:3px; line-height:2.5em; color:#4e4e4e; font-weight:300; white-space:nowrap; }
.boardBtn i { display:inline-block; width:1.25em; height:1.125em; margin-right:.25em; background:url(../images/sub/bg_board_btn.png) no-repeat; background-size:100% auto; vertical-align:middle; }
.boardBtn i.list { background-position:0 -14.1875em; }
.boardBtn i.write { background-position:0 -3.625em; }
.boardBtn i.cancle { background-position:0 -7.1875em; }
.boardBtn i.delete { background-position:0 -10.625em; }
.boardBtn i.modify { background-position:0 -1.3125em; }
.writeBtn input,
.writeBtn button,
.writeBtn a { display:block; min-width:11.111em; height:2.666em; line-height:2.666em; padding:0 .5em; background:#000; border-radius:1.333em; color:#fff; text-align:center; font-size:1.125em; }

/* pageNav */
.pageNav { margin-top:3em; padding-bottom:1.875em; text-align:center; }
.pageNav ul { font-size:0; }
.pageNav ul li { display:inline-block; position:relative; margin-left:-1px; vertical-align:top; font-size:1rem; }
.pageNav ul li a { display:block; position:relative; min-width:40px; height:40px; background:#fff; border:1px solid #dcdcdc; color:#444; font-weight:400; line-height:40px; box-sizing:border-box; }
.pageNav ul li strong { display:block; min-width:30px; height:30px; padding:5px; background:#fff; color:#444; line-height:30px; font-weight:400; }
.pageNav ul li strong { color:#000; font-weight:700; text-decoration:underline; }
.pageNav ul li strong:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000;  box-sizing:border-box; z-index:1; }
.pageNav ul li.prev { margin-right:30px; }
.pageNav ul li.next { margin-left:30px; }
.pageNav ul li.first a,
.pageNav ul li.prev a,
.pageNav ul li.next a,
.pageNav ul li.last a { overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:auto 0.813em; text-indent:-999px; }
.pageNav ul li.first a { background-image:url(../images/sub/btn_first.png); }
.pageNav ul li.prev a { background-image:url(../images/sub/btn_prev.png); }
.pageNav ul li.next a { background-image:url(../images/sub/btn_next.png); }
.pageNav ul li.last a { background-image:url(../images/sub/btn_last.png); }
@media only screen and (max-width:720px) {
    .pageNav ul li{display:none;}
    .pageNav .mobile{ display:inline-block !important; }
    .pageNav ul li.current strong { background:none; color:#301cad !important; }
    .pageNav ul li.current i,
    .pageNav ul li.current span > span,
    .pageNav ul li.current strong { display:inline-block; min-width:0; margin:0 .125em; color:#7c7b7b; }
    .pageNav ul li a {border:none;}
    .pageNav ul li strong:after {border:none;}
}

/* board view */
.boardStyle .viewTit { display:flex; justify-content:space-between; margin:1.500em 0}
.boardStyle .viewTit p { flex-shrink:0; min-width:10.286em; margin-top:0.500rem; color:#6b6b6b; font-size:14px; }
.boardStyle .viewTit p span { display:inline-block; margin-right:0.250rem; }
.boardStyle .viewTit p.hit { text-align:right;}
.boardStyle .viewTit h4 { flex-grow:1; margin:0 0.625rem; text-align:center; color:#010101; line-height:1.3; font-size:1.500em; font-weight:500; }
.viewContent { padding:2.875em 3.826955074%; border-top:1px solid #c6c6c6; color:#000; word-break:keep-all; }
.viewContent pre { margin:0; padding:0; background:transparent; }
.viewContent .viewContentInner { overflow:hidden; width:100%; margin:0; padding:0; white-space:normal; font-family:inherit; word-wrap:break-word; line-height:1.4; }
.viewContent .viewContentInner .img { padding:1em; text-align:center; }
.viewContent .viewContentInner img{max-width:100% !important; height:auto !important;}
/*.viewContent .viewContentInner p { padding:5px 0; }*/
.viewContent .viewContentInner p img { text-align:center; max-width:100%; height:auto; }
.viewContent .like { margin-top:1em; }
.viewContent .like button { font-size:1.125em; }
.viewContent .like button.on { color:#ff4e00; }
.viewContent .like button i { display:inline-block; overflow:hidden; width:1em; height:1.2em; margin-right:.25em; background:url('../images/sub/icon_like.png') center no-repeat; background-size:contain; vertical-align:middle; text-indent:-999px; }
.viewContent .like button.on i { background-image:url('../images/sub/icon_like_on.png'); }
.viewContent .like button span { display:inline-block; vertical-align:middle; }
.boardStyle .openWrap { overflow:hidden; display:flex; align-items:center; margin:1.375em 0; padding:0.750em; border:1px solid #dadada; box-sizing:border-box; }
.boardStyle .openWrap p.img { width:10em; text-align:center; }
.boardStyle .openWrap p.txt { width:auto; padding:0 1em; box-sizing:border-box; word-break:keep-all; line-height:1.3; }
.boardStyle .openWrap p.txt b { font-weight:500; }

/* 게시판 상세 댓글 */
.viewContent .commentWrap { margin-top:3%; margin-bottom:1%; padding:2em 0 0; border-top:1px solid #d2d2d2; }
.viewContent .commentWrap p.count { padding-bottom:1em; color:#010101; font-size:1.25em; font-weight:300; }
.viewContent .commentWrap p.count strong { font-weight:500; }
.viewContent .commentWrap .commentForm { position:relative; padding:0; border:1px solid #a6a6a6; font-size:.9375em; font-weight:300; }
.viewContent .commentWrap .commentForm p.name { margin:1.2em 1% 1em; color:#000; }
.viewContent .commentWrap .commentForm textarea { width:98%; height:4.6em; margin:0 1%; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; resize:none; }
.viewContent .commentWrap .commentForm .txtCount { padding:1em 1%; border-top:1px solid #efefef; color:#a1a1a1; }
.viewContent .commentWrap .commentForm .btnList { position:absolute; right:1%; bottom:1em; }
.viewContent .commentWrap .btnList li { display:inline-block; }
.viewContent .commentWrap .commentForm .btnList input { height:1.8em; padding:0 1em; border:none; border-radius:.9em; color:#fff; font-size:1em; cursor:pointer; }
.viewContent .commentWrap .commentForm .btnList input.submit { background:#000; }
.viewContent .commentWrap .commentForm .btnList input { background:#9c9c9c; }
.viewContent .commentWrap .commentList { margin-top:2em; border-top:1px solid #d2d2d2; }
.viewContent .commentWrap .commentList.commentCnt { margin-top:0; }
.viewContent .commentWrap .commentList .item { position:relative; padding:1.25em 0; border-bottom:1px solid #f4f4f4; }
.viewContent .commentWrap .commentList .item dl dt { padding-bottom:1em; color:#666; font-size:.875em; }
.viewContent .commentWrap .commentList .item dl dt span { display:inline-block; }
.viewContent .commentWrap .commentList .item dl dt span.name { position:relative; padding-right:1em; }
.viewContent .commentWrap .commentList .item dl dt span.name:after { content:''; position:absolute; right:0; top:.3em; width:1px; height:.9em; background:#c8c8c8; }
.viewContent .commentWrap .commentList .item dl dt span.date { padding-left:1em; }
.viewContent .commentWrap .commentList .item dl dd { color:#000; line-height:1.3; font-weight:300; }
.viewContent .commentWrap .commentList .item dl dd pre { white-space:pre-wrap; font-size:1em; }
.viewContent .commentWrap .commentList .item dl dd textarea { width:100%; height:6em; }
.viewContent .commentWrap .commentList .btnList { margin-top:1em; }
.viewContent .commentWrap .commentList .btnList input,
.viewContent .commentWrap .commentList .btnList button { min-width:44px; height:22px; margin:3px; background:#fff; border:1px solid; border-radius:11px; color:#919191; font-size:12px; font-weight:300; }
.viewContent .commentWrap .commentList .btnList input.modify,
.viewContent .commentWrap .commentList .btnList button.modify { color:#ff5e17; }
.viewContent .commentWrap .commentList .btnList button.submit { color:#5771fd; }

/* board view - File */
.boardFile { overflow:hidden; margin-top:3.250em; padding:1em; background:#f6f6f6; box-sizing:border-box; color:#000; font-weight:300; }
.boardFile h5 { position:relative; float:left; width:4.5em; font-weight:300; }
.boardFile h5:after { content:''; position:absolute; right:0; top:50%; width:1px; height:.6875em; margin-top:-.34375em; background:#a3a3a3; }
.boardFile ul { margin-left:5.25em; margin-top:-2px; }
.boardFile ul li { overflow:hidden; position:relative; padding-bottom:4px; padding-right:7em; }
.boardFile ul li i { float:left; overflow:hidden; width:23px; height:23px; margin-right:8px; background-position:center; background-repeat:no-repeat; vertical-align:middle; text-indent:-9999px; }
.boardFile ul li i.hwp,
.boardFile ul li i.hwpx { background-image:url(../images/sub/icon_file_hwp.jpg); }
.boardFile ul li i.zip { background-image:url(../images/sub/icon_file_zip.jpg); }
.boardFile ul li i.jpg { background-image:url(../images/sub/icon_file_jpg.jpg); }
.boardFile ul li i.gif { background-image:url(../images/sub/icon_file_gif.jpg); }
.boardFile ul li i.doc { background-image:url(../images/sub/icon_file_doc.jpg); }
.boardFile ul li i.xlsx { background-image:url(../images/sub/icon_file_xlsx.jpg); }
.boardFile ul li i.ppt,
.boardFile ul li i.pptx { background-image:url(../images/sub/icon_file_ppt.jpg); }
.boardFile ul li i.pdf { background-image:url(../images/sub/icon_file_pdf.jpg); }
.boardFile ul li i.etc { background-image:url(../images/sub/icon_file_etc.jpg); }
.boardFile ul li span.fileName { display:block; margin-left:0.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1.4; }
.boardFile ul li a.view { position:absolute; top:0; right:5.25em; width:4em; padding:0 .25em 0 0; box-sizing:border-box; }
.boardFile ul li a.view:after { content:''; position:absolute; right:0; top:50%; width:1px; height:1em; margin-top:-.45em; background:#777; }
.boardFile ul li a.btn { position:absolute; top:0.250rem; right:0; width:5em; padding:0 20px 0 0; background:url(../images/sub/btn_board_down.png) right center no-repeat; box-sizing:border-box; }

/* board view - Ctrl */
.viewCtrl { margin-top:1em; margin-bottom:3.125em; border-top:1px solid #dde2e8; font-weight:300; color:#000; }
.viewCtrl dl {  position:relative; padding:17px .75em; border-bottom:1px solid #dde2e8; }
.viewCtrl dl dt,
.viewCtrl dl dd { font-size:1rem; }
.viewCtrl dl dt { float:left; width:5em; background:1.250em 50% no-repeat; text-align:right; }
.viewCtrl dl.prevList dt { background-image:url(../images/sub/bg_board_prev_list.png); }
.viewCtrl dl.nextList dt { background-image:url(../images/sub/bg_board_next_list.png); }
.viewCtrl dl dd { position:relative; margin-left:7.125em; padding-left:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; box-sizing:border-box; }
.viewCtrl dl dd:before { content:''; position:absolute; top:50%; left:0; width:1px; height:.875em; margin-top:-.4375em; background:#cfcfd0; }
.viewCtrl dl dd a { color:#000; }
.viewCtrl dl dd a:hover,
.viewCtrl dl dd a:focus { text-decoration:underline; }

/* board write */
.boardWrite select { width:100%; height:3.125em; padding-left:1em; background:url(../images/sub/arrow_select.png) right 10px center no-repeat; border:1px solid #d0d0d0; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.boardWrite .tit { margin:1.227em 1.909em 1.364em; color:#060606;font-size:1.375em; font-weight:400; text-align:left; }
.boardWrite .tit span { position:relative; display:inline-block; margin-left:0.357em; padding-left:1em; color:#8f8f8f; font-size:0.636em; }
.boardWrite .tit span:after { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#cacdc9; }
.writeTbl { width:100%; border-bottom:1px solid #ccc; text-align:left; }
.writeTbl + .writeTbl { margin-top:-2px; }
.writeTbl tbody th { width:9.438em; padding:1.25em 0.625em; border:1px solid #ccc;border-left:none; color:#6b6b6b;font-weight:400;vertical-align:middle; }
.writeTbl tbody td { padding:0.313em 0.625em; border:1px solid #ccc; }
.writeTbl tbody th .label { display:inline-block; padding-left:3em; background-image:url(../images/sub/bl_board_write.png);background-position:2.5em 0.5em; background-repeat:no-repeat; }
.writeTbl tbody td { border-right:none;vertical-align:middle; }
.writeTbl tbody td p { margin:0.5em 0; }
.writeTbl .txt { width:100%;height:3.125em;padding:0 0.938em; border:1px solid #ccc; }
.writeTbl .txt.w30 { width:30%; }
.writeTbl .selectArea { width:30%; }
.writeTbl .editor { height:25em; }
.writeTbl .editor textarea { width:100%; height:100%; padding:0.938em; border:1px solid #ccc; resize:none; }
.writeTbl ul.fileList li { overflow:hidden; display:block; width:100%; padding-bottom:5px; }
.writeTbl ul.fileList li p { margin:0; }
.writeTbl ul.fileList li p.fileArea,
.writeTbl ul.fileList li p.txtBox { position:relative; float:left; width:80%; }
.writeTbl ul.fileList li p.txtBox span { display:block; width:100%; line-height:38px; border:1px solid #c0c0c0; box-sizing:border-box; border-radius:3px; text-indent:1em; }
.writeTbl ul.fileList li p.fileArea input[type="file"] { overflow:hidden; position:absolute; left:-999px; top:0; width:1px; height:1px; margin-left:-1px; }
.writeTbl ul.fileList li p.fileArea label { float:right; display:inline-block; width:7.625em; background:#a9a9a9; border-radius:3px; text-align:center; line-height:40px; color:#fff; cursor:pointer; }
.writeTbl ul.fileList li p.fileArea span { display:block; padding-right:8.125em; }
.writeTbl ul.fileList li p.fileArea span input { overflow:hidden; width:100%; height:40px; padding:0 1em; border:1px solid #d0d0d0; box-sizing:border-box; border-radius:3px; white-space:nowrap; text-overflow:ellipsis; }
.writeTbl ul.fileList li p.btnArea { margin-left:80%; padding-left:5px; }
.writeTbl ul.fileList li p.btnArea button { overflow:hidden; position:relative; width:44px; height:40px; margin-left:5px; border:1px solid #d0d0d0; border-radius:3px; text-indent:-999px; }
.writeTbl ul.fileList li p.btnArea button.down { background:url(../images/sub/btn_board_down.png) center no-repeat; background-size:14px auto; }
.writeTbl ul.fileList li p.btnArea button.del:before,
.writeTbl ul.fileList li p.btnArea button.del:after,
.writeTbl ul.fileList li p.btnArea button.minus:before,
.writeTbl ul.fileList li p.btnArea button.plus:before,
.writeTbl ul.fileList li p.btnArea button.plus:after { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#868686; }
.writeTbl ul.fileList li p.btnArea button.plus:after { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.writeTbl ul.fileList li p.btnArea button.del:before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.writeTbl ul.fileList li p.btnArea button.del:after { -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
.writeTbl ul.fileList li p.btnArea .delBtn { overflow:hidden; vertical-align:top; display:inline-block; }
.writeTbl ul.fileList li p.btnArea .delBtn input { overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px; }
.writeTbl ul.fileList li p.btnArea .delBtn label { display:inline-block; cursor:pointer; position:relative; width:44px; height:40px; margin-left:5px; border:1px solid #d0d0d0; border-radius:3px; text-indent:-999px; box-sizing:border-box; }
.writeTbl ul.fileList li p.btnArea .delBtn label::before { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#868686; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.writeTbl ul.fileList li p.btnArea .delBtn label::after { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#868686; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
.writeTbl ul.fileList li p.btnArea .delBtn input:checked + label { background:#1b7576; }
.writeTbl ul.fileList li p.btnArea .delBtn input:checked + label::before,
.writeTbl ul.fileList li p.btnArea .delBtn input:checked + label::after { background:#fff; }
.writeTbl .guideTxt { position:relative; margin-top:10px; margin-bottom:12px; padding-left:16px; color:#6b6b6b; line-height:1.3; font-size:12px; }
.writeTbl .guideTxt::before { content:'※'; display:inline-block; position:absolute; top:0; left:0; }
@media screen and (max-width:960px) {
    /* board View */
    .boardStyle .viewTit { flex-wrap:wrap; justify-content:flex-start; margin-top:0; text-align:left; }
    .boardStyle .viewTit p { font-size:1em; }
    .boardStyle .viewTit .writer { order:2; margin-right:0.5em; }
    .boardStyle .viewTit .hit { order:3; }
    .boardStyle .viewTit h4 { order:1; width:100%; margin:0; text-align:left; font-size:1.364em; }
    .viewContent { padding:0 1%; border:none; }
    .viewContent .viewContentInner .img { padding:0;}
    .viewContent .shareList { margin:.5em 0; }
    .viewContent .shareList li { margin:.25em 0; }

    /* board view - File */
    .boardFile { padding:20px; background-color:#fbfbfb; border:1px solid #cfcfcf; }
    .boardFile h5 { display:none; }
    .boardFile ul { margin-left:0; }
    .boardFile > p { display:block; }
    .boardFile dl { overflow:hidden; margin-top:5px; padding:0; border-top:0 none; }
    .boardFile dl dt { display:none; }
    .boardFile dl dd.fileName { position:relative; width:100%; padding:0 0 10px 13px; border-bottom:1px solid #eaeaea; }
    .boardFile dl dd.fileName:before { content:'ㆍ'; position:absolute; top:0; left:0; display:block; color:#3a53a2; }
    .boardFile dl dd.fileName a { display:block; width:auto; color:#3a53a2; }
    .boardFile dl dd.fileDown { position:static; top:auto; right:auto; float:right; margin-top:5px; }
    .fileName span { display:none; }

    /* board view - Ctrl */
    .viewCtrl dl dt { overflow:hidden; width:3em; margin-right:.75em; text-align:center; }
    .viewCtrl dl.prevList dt,
    .viewCtrl dl.nextList dt { background:none; }
    .viewCtrl dl dd { margin-left:3em; padding-left:12px; }
    .viewCtrl dl dd a { font-size:1.091em; }

    /* board write */
    .boardWrite .tit { margin-top:0; margin-left:0; }
    .boardStyle .writeTbl select { max-width:none; border:none; }
    .writeTbl + .writeTbl { margin-top:0.909em;border-bottom:0 none; }
    .writeTbl tbody th { width:4.615em;padding:1.091em 1em;border-left:1px solid #dcdcdc; background-color:#fafafa; }
    .writeTbl tbody th .label { padding-left:0.615em; background-position:left 0.462em; }
    .writeTbl tbody th .label>span { display:none; }
    .writeTbl tbody td { padding:0; border-right:1px solid #dcdcdc; }
    .writeTbl + .writeTbl tbody th { display:block; width:auto; padding:1.154em 0.769em; border-bottom:0 none; }
    .writeTbl + .writeTbl tbody td { display:block; width:auto; }
    .writeTbl .txt { border:none; }
    .writeTbl .txt.w30 { width:100%; }
    .writeTbl .editor textarea { border:0 none; }
    .writeTbl .selectArea { width:100%; }
    .writeTbl .selectBtn { border:0 none; }
    .writeTbl ul.fileList { padding:10px; }
    .writeTbl ul.fileList li { padding:1em 0; border-top:1px solid #d0d0d0; }
    .writeTbl ul.fileList li:first-child { padding-top:0; border:none; }
    .writeTbl ul.fileList li p.fileArea,
    .writeTbl ul.fileList li.beforeFile p.txtBox { width:100%; padding-right:0; padding-bottom:5px; }
    .writeTbl ul.fileList li p.fileArea { display:flex; }
    .writeTbl ul.fileList li p.fileArea label { order:2; float:none; margin-left:5px; }
    .writeTbl ul.fileList li p.fileArea span { flex-grow:1; order:1; padding-right:0; }
    .writeTbl ul.fileList li p.btnArea { position:static; right:auto; top:auto; width:100%; margin:0; padding:0; text-align:right; }
    .writeTbl ul.fileList li p.btnArea button,
    .writeTbl ul.fileList li p.btnArea .delBtn { margin:0; width:50%; }
    .writeTbl ul.fileList li p.btnArea button:nth-of-type(1) { width:49%; margin-right:1%; }
    .writeTbl ul.fileList li p.btnArea .delBtn label { text-align:center; margin:0; width:100%; }
    .writeTbl .guideTxt { margin:10px 10px 0; font-size:1em; }
}
@media screen and (max-width:767px) {
    /* Boaard Category */
    .boardCate { max-width:none; margin-bottom:2em; }

    /* Board List */
    .boardInfo { margin-bottom:1.2em; padding:0; font-size:1.182em; }
    .boardInfo .infoCount { margin-top:5%; text-align:left; line-height:1.4em; }
    .boardInfo ul { display:flex; float:none; text-align:right; }
    .boardInfo ul .boardSearchText { flex-grow:1; }
    .boardInfo .boardSelect { width:32%; margin-right:-4px; }
    .boardInfo .boardSearchText { position:relative; width:62%; }
    .boardInfo p.reset { clear:right; width:100%; margin:.25em 0; }
    .boardInfo p.reset button { width:100%; }
    .boardSearchText input.text { width:100%; }

    /* defaultList */
    .boardList .num { width:3.8em; }
    .boardList .category,
    .boardList .writer,
    .boardList .date,
    .boardList .hits,
    .boardList .file { display:none; }
    .boardList .state { width:5em; }
    .boardList td.subject i.reply,
    .boardList td.subject i.secret { vertical-align:middle; font-size:1rem; }
    .boardList td.subject i.reply:before { background-size:1em auto; }
    .boardBtn + .pageNav { margin-top:30px; }
    .pageNav .pcVer { display:none; }
    .pageNav .mVer { display:block; }

    /* galleryWrap */
    .boardStyle .galleryWrap { margin-top:1em; }
    .galleryList,
    .galleryWrap .newsletter { justify-content:space-between; }
    .galleryList li,
    .galleryWrap .newsletter li { width:49%; margin-bottom:1.2em; margin-left:0; }
    .galleryList li:nth-child(3n+1) { margin-left:0; }

    /* Board List - Btn */
    .boardBtn p a { display:block; margin-right:2px; padding:10px 20px 12px 49px; font-size:14px; }
    .boardBtn p input { display:block; margin-right:2px; padding:12px 15px 12px 40px; font-size:14px; }
    .boardBtn .modify { background-position:24px -9px; }
    .boardBtn .write { background-position:24px -47px; }
    .boardBtn .cancle { background-position:24px -104px; }
    .boardBtn .delete { background-position:24px -161px; }
    .boardBtn .list { background-position:24px -216px; }
    /* boardPage */
    .boardPage ul li.first a,
    .boardPage ul li.prev a,
    .boardPage ul li.next a,
    .boardPage ul li.last a { background-size:auto 1em; }
}

/* 로그인 */
.loginForm>p { margin-bottom:1.923em; color:#010101; font-size:1.500em; text-align:center; }
.loginForm>p>span { display:block; }
.loginForm .loginWrap { max-width:584px; margin:0 auto; }
.loginForm .loginWrap .login { position:relative; padding:3.500em 7.8% 2.500em; background-color:#f8f8f8; border:1px solid #dcdcdc; text-align:center; }
.loginForm .loginWrap .login .loginTit { display:inline-block; padding-left:1em; background:url(../images/use/icon_login.png) no-repeat 0 50%; background-size:1.250rem auto; color:#007bda; font-size:1.750em; }
.loginForm .loginWrap .login .loginStit { margin-top:1em; margin-bottom:2.625rem; color:#010101; letter-spacing:-0.03em; font-weight:300; font-size:1.188em; }
.loginForm input[type=password],
.loginForm input[type=text],
.loginForm .formHyphen,
.loginForm .formAtsign { display:inline-block; height:53px; vertical-align:middle; line-height:53px; font-size:1.063em; }
.loginForm input[type=password],
.loginForm input[type=text] { width:100%; padding:0 2.235em; border:1px solid #dcdcdc; box-sizing:border-box; }
.loginForm .inputBox input:nth-of-type(1) { margin-bottom:0.471em; }
.loginForm .checkBox { position:relative; margin-top:0.875em; margin-bottom:1.875em; text-align:right; }
.loginForm .checkBox>input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-top:-1px; margin-left:-999px; clip:rect(0,0,0,0); }
.loginForm .checkBox label { display:inline-block; position:relative; padding:1px 0 1px 27px; font-size:0.938em; }
.loginForm .checkBox input:focus + label { text-decoration:underline; }
.loginForm .checkBox label:after { content:''; position:absolute; left:0; top:50%; width:19px; height:19px; margin-top:-10px; background:#fff center no-repeat; border:1px solid #dcdcdc; text-indent:-999px; }
.loginForm .checkBox input:focus + label:after { border:1px dashed #ff2a00; }
.loginForm .checkBox input:checked + label:after { background-image:url(../images/use/bl_checkbox02.png); border:1px solid #ff2a00; }
.loginForm .login>ul { display:flex; border:1px solid #dcdcdc; }
.loginForm .login>ul>li { width:33.33333%; border-left:1px solid #dcdcdc; text-align:center; }
.loginForm .login>ul>li:first-child { border-left:0 none; }
.loginForm .login>ul>li>a { display:block; background-color:#fff; line-height:3.765em; font-size:1.063em; }
.loginForm .login>ul>li>a>span { display:inline-block; padding-left:21px; background-position:left center; background-repeat:no-repeat; background-size:1.125rem auto; vertical-align:top; }
.loginForm .login .btnJoin span { background-image:url(../images/use/btn_join.png); }
.loginForm .login .btnFindId span { background-image:url(../images/use/btn_find_id.png); }
.loginForm .login .btnFindPass span { background-image:url(../images/use/btn_find_pass.png); }
.loginForm .btnLogin { margin-bottom:2.750rem; }
.loginForm .btnLogin a,
.loginForm .btnLogin button { width:100%; height:5.000rem; background-color:#007bda; color:#fff; text-align:center; line-height:5.000rem; font-weight:400; font-size:1.250em; }
.joinWrap .snsLogin { display:flex; justify-content:space-between; align-items:center; margin-top:0.5em; padding:2em 7.8% 1.750em; border:1px solid #dcdcdc; box-sizing:border-box; }
.joinWrap .joinType .snsLogin { margin-top:1em; }
.joinWrap .snsLogin > div h5 { color:#303030; font-weight:500; font-size:1.125em; }
.joinWrap .snsLogin > div p { margin-top:0.5rem; color:#797979; font-size:0.875em; }
.joinWrap .snsLogin .loginList li { display:inline-block;}
.joinWrap .snsLogin .loginList li:first-child { margin-right:1em; }
.joinWrap .snsLogin .loginList li a { overflow:hidden; display:block; width:3.500em; height:3.375em; border:1px solid #d0d0d0; background-position:center; background-repeat:no-repeat; text-indent:-999px; }
.joinWrap .snsLogin .loginList li.naver a { background-image:url(../images/use/icon_naver.svg); background-size:1.375em auto; }
.joinWrap .snsLogin .loginList li.kakao a { background-image:url(../images/use/icon_kakao.svg); background-size:1.625em auto; }

/* 아이디, 비밀번호 찾기 */
.findIdForm { text-align:center; }
.findIdForm h4 { margin-bottom:0.560em; font-weight:400; font-size:1.563em; }
.findIdForm .topTxt { line-height:1.3; letter-spacing:-0.03em; font-weight:300; font-size:1.063em; }
.findIdForm>div { max-width:532px; margin:3.500em auto 0; }
.findIdForm>div>ul { }
.findIdForm>div>ul>li { overflow:hidden; position:relative; margin-bottom:0.625em; }
.findIdForm>div>ul>li.reasonBox { display:none; }
.findIdForm>div>ul>li>span,
.findIdForm>div>ul>li>label { overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px; margin-left:-1px; }
.findIdForm>div>ul>li input[type=email],
.findIdForm>div>ul>li input[type=password],
.findIdForm>div>ul>li input[type=text],
.findIdForm>div>ul>li select { width:100%; height:4.375em; padding:0 1.500em; line-height:4.375em; border:1px solid #e8e8e8; font-weight:300; box-sizing:border-box; }
.findIdForm .groupTel { display:flex; align-items:center; }
.findIdForm .groupTel select { width:30%; background:#fff url(../images/use/arrow_select.png) no-repeat right 0.824em top 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.findIdForm .groupTel input[type=text] { display:inline-block; width:65%; vertical-align:middle; }
.findIdForm .groupTel>span { display:inline-block; width:5%; font-size:17px; text-align:center; vertical-align:middle; }
.findIdForm .groupSend { height:49px; line-height:49px; background-color:#fff; border:1px solid #dcdcdc; }
.findIdForm .groupSend>span { display:inline-block; padding:0 20px 0 15px; color:#929292; vertical-align:top; }
.findIdForm .radioList { display:inline-block; vertical-align:top; }
.findIdForm .radioList input { position:absolute; left:0; top:0; margin-left:-999px; }
.findIdForm .radioList li { position:relative; display:inline-block; margin-right:23px; overflow:hidden; }
.findIdForm .radioList li label { padding-left:26px; line-height:23px; }
.findIdForm .radioList li label:after { content:'.'; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:#f8f8f8 center no-repeat; border:1px solid #bcbcbc; border-radius:50%; text-indent:-999px; }
.findIdForm .radioList li input:checked + label:after { background-color:#fff; background-image:url(../images/use/bl_checkbox01.png); border-color:#2c2cdf; }
.findIdForm .radioList li input:focus + label:after { border-color:#2c2cdf; }
.findIdForm .radioList li input:checked + label,
.findIdForm .radioList li input:focus + label { color:#2c2cdf; }
.findIdForm .btnWrap button { max-width:532px; width:100%; height:5.625rem; background-color:#000; color:#65e563; font-weight:500; font-size:1.250em; }
.findId_result { margin-top:8em; text-align:center; line-height:1.4; }
.findId_result dl dt { display:block; margin-bottom:1.200em; font-weight:500; font-size:1.250em; }
@media screen and (max-width:960px) {
    /* 로그인 */
    .loginForm .loginWrap .login { padding-top:3em; }
    .loginForm input[type=password],
    .loginForm input[type=text],
    .loginForm .formHyphen,
    .loginForm .formAtsign { height:42px; line-height:42px; }
    .loginForm .checkBox label { font-size:1.091em; }
    .loginForm .login>ul>li>a>span { padding-left:0; }
    .loginForm .login .btnJoin span,
    .loginForm .login .btnFindId span,
    .loginForm .login .btnFindPass span { background:none; }
    .joinWrap .snsLogin { padding-top:1.273em; padding-bottom:1.273em; }
    .joinWrap .snsLogin > div h5 { font-size:1.273em; }
    .joinWrap .snsLogin > div p { display:none; }
    .joinWrap .btnLogin { margin-top:2.364em; }

    /* 아이디, 비밀번호 찾기 */
    .findIdForm h4 { font-size:1.455em; }
    .findId_result { margin-top:0; }
}

/* 회원가입 - 가입유형선택 */
.joinWrap { max-width:1040px; margin:50px auto 50px; }
.joinForm { max-width:584px; margin:0 auto; }
.joinForm > .stit { margin-bottom:2.667em; text-align:center; font-size:1.500em; }
.joinTurnList { display:flex; justify-content:center; align-items:center; margin-bottom:70px; text-align:center; }
.joinTurnList li { position:relative; display:inline-block; padding-right:74px; line-height:1.3; font-weight:300; font-size:17px; }
.joinTurnList li:last-child { padding-right:0; }
.joinTurnList li:before { content:''; position:absolute; top:37px; left:30%; width:100%; height:0; border:1px solid #add5f3; }
.joinTurnList li:last-child:before { content:none; }
.joinTurnList li span { display:inline-block; position:relative; padding-top:92px; }
.joinTurnList li span:after { content:''; z-index:1; position:absolute; left:50%; top:0; width:73px; height:73px; margin-left:-37px; border-radius:50%; border:1px solid #007bda; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:auto 2.176em; font-weight:300; font-size:17px; letter-spacing:-0.04em; box-sizing:border-box; }
.joinTurnList li.turn01 span:after { background-image:url(../images/use/icon_join01.png); }
.joinTurnList li.turn02 span:after { background-image:url(../images/use/icon_join03.png); }
.joinTurnList li.turn03 span:after { background-image:url(../images/use/icon_join02.png); }
.joinTurnList li.turn04 span:after { background-image:url(../images/use/icon_join04.png); }
.joinTurnList li.turn01.active span:after { background-color:#007bda; background-image:url(../images/use/icon_join01_on.png); }
.joinTurnList li.turn02.active span:after { background-color:#007bda; background-image:url(../images/use/icon_join03_on.png); }
.joinTurnList li.turn03.active span:after { background-color:#007bda; background-image:url(../images/use/icon_join02_on.png); }
.joinTurnList li.turn04.active span:after { background-color:#007bda; background-image:url(../images/use/icon_join04_on.png); }
.joinTurnList li.on span:after { background-color:#007bda; background-image:url(../images/use/turn_join_on.png); background-size:auto 1em; }
.joinType { max-width:984px; margin:0 auto; }
.joinType>ul { display:flex; }
.joinType>ul>li { display:inline-block; width:48%; margin:0 1%; text-align:center; vertical-align:top; letter-spacing:-0.06em; }
.joinType>ul>li>a { display:block; border:1px solid #dcdcdc; }
.joinType>ul>li>a>dl { margin:16% 10px 18%; padding-top:9.625em; background-position:center top; background-repeat:no-repeat; background-size:8.250em auto; }
.joinType .list01>a>dl { background-image:url(../images/use/icon_join_type01.png); }
.joinType .list02>a>dl { background-image:url(../images/use/icon_join_type02.png); }
.joinType>ul>li>a>dl>dt { font-size:1.375em; }
.joinType .list03>a>dl>dt { padding:18px 0 3px; }
.joinType>ul>li>a>dl>dd { margin-top:14px; font-weight:300; color:#616161; line-height:1.3; }
.joinType .list03>a>dl>dd { padding-bottom:9px; }
.joinType>ul>li>a>dl>dd>span { display:block; padding-top:2px; }
.joinType>ul>li>a>dl>dd>div { display:none; }
.joinType>ul>li>a>p { padding:7% 10px 9%; background-color:#fafafa; border-top:1px solid #dcdcdc; font-size:1.250em; }
.joinType>ul>li>a>p>span { display:inline-block; padding-right:24px; background:url(../images/use/arrow_join_type.png) right center no-repeat; }

/* 회원가입 - 약관동의 */
.joinSect { padding:16px 3px 0; border-top:1px solid #ddd; }
.joinSect>p { line-height:1.3; font-weight:300; font-size:17px; }
.clauseWrap { padding-top:2em; }
.clauseWrap .clauseTxt p.defaultBtn { margin-top:3.875em; }
.clauseWrap .clauseTit { font-size:22px; color:#15171b; }
.clauseWrap .clauseBox { overflow:hidden; padding-top:17px; font-family:'돋움',' dotum','Noto Sans KR','sans-serif'; font-size:14px; color:#4c4c4c; }
.clauseWrap .clauseTxt { overflow-y:scroll; height:240px; line-height:1.5; padding:25px 30px; border:1px solid #ddd; font-weight:300; color:#282828; letter-spacing:-0.04em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.clauseWrap.scrollNone .clauseBox { overflow:visible; padding-top:0; }
.clauseWrap.scrollNone .clauseTxt { overflow:visible; height:auto; padding:0; border:none; }
.clauseWrap.scrollNone .clauseTxt h4 { font-weight:500; font-size:1.125em; }
.clauseWrap .clauseTxt h4 { margin:38px 0 18px; font-size:1.125em; }
.clauseWrap .clauseTxt h4:first-child { margin-top:0; }
.clauseWrap .clauseTxt h5 { display:flex; align-items:center; margin:3.125rem 0 0.625em; }
.clauseWrap .clauseTxt h5:first-child { margin-top:0; }
.clauseWrap .clauseTxt h5 img { display: inline-block; margin-left: 0.75em; max-width:1.875rem; }
.clauseWrap .clauseTxt h6 { margin-bottom:5px; font-weight:normal; font-size:0.9375em; }
.clauseWrap .clauseTxt p,
.clauseWrap .clauseTxt ol,
.clauseWrap .clauseTxt ul,
.clauseWrap .clauseTxt dl,
.privacyList { margin:10px 0; }
.clauseWrap .clauseTxt ol ul,
.clauseWrap .clauseTxt ol ol,
.clauseWrap .clauseTxt ul ol,
.clauseWrap .clauseTxt ul ul { margin-top:5px; }
.clauseWrap .clauseTxt li { margin-bottom:8px; }
.clauseWrap .clauseTxt li li { margin-bottom:2px; }
.clauseWrap .clauseTxt ul>li,
.privacyList li { position:relative; padding-left:1.1em; }
.clauseWrap .clauseTxt ul>li::before,
.privacyList li:before { content:''; position:absolute; top:0.500em; left:0.375em; width:4px; height:4px; border-radius:50%; background:#000; }
.clauseWrap .clauseTxt ul>li>ul>li::before { content:'-'; top:0; width:auto; height:auto; border-radius:0; background:none; }
.clauseWrap.scrollNone .clauseTxt ul>li::before { top:0.625em; }
.clauseWrap.scrollNone .clauseTxt ul>li>ul>li::before { top:0; }
.clauseWrap .clauseTxt ol { counter-reset:section; }
.clauseWrap .clauseTxt ol>li { position:relative; padding-left:1.8em; }
.clauseWrap .clauseTxt ol>li::before { counter-increment:section; content:counter(section)"."; position:absolute; top:0; left:0; min-width:1.500em; text-align:right; }
.clauseTxt .file { text-align:right; }
.clauseTxt .file a { display:inline-block; border:1px solid #000; padding:1em 1.647em; letter-spacing:-0.03em; font-weight:400; font-size:1.063em; }
.clauseTxt .topTit .file p { margin-bottom:0; font-size:0.938em; }
.clauseWrap .agree { padding:10px 30px 15px; border:1px solid #ddd; border-top:0; color:#46373a; }
.clauseWrap .agree>div { display:inline-block; font-size:0; }
.clauseWrap .agree .agreeNo { padding-left:40px; }
.clauseWrap .agree>div input { display:inline-block; margin-right:5px; vertical-align:middle; }
.clauseWrap .agree>div label { display:inline-block; font-weight:300; vertical-align:middle; font-size:14px; cursor:pointer; }
.clauseWrap .clauseTxt em.point { font-weight:600; font-size:16px; color:#f00; }
.clauseWrap .agree>ul>li { margin-top:5px; font-size:14px; }
.clauseWrap .agree>ul>li>div { display:inline-block; }
.clauseWrap .agree>ul>li>div.last { margin-left:10px; }
.clauseWrap .agree>ul>li>div input { display:inline-block; margin-left:5px; vertical-align:middle; }
.clauseWrap .agree>ul>li>div label { display:inline-block; font-weight:300; vertical-align:middle; font-size:14px; }
.joinWrap .agreeAll { display:flex; align-items:flex-start; padding:20px 30px 0; }
.joinWrap .agreeAll>input { display:inline-block; margin-right:5px; vertical-align:middle; }
.joinWrap .agreeAll>label { display:inline-block; font-size:15px; vertical-align:middle; cursor:pointer; }
.privacyList { margin-left: 1.8em; font-weight:300; color:#282828; letter-spacing:-0.04em; }
.privacyList li { margin-bottom:8px; }
.privacyList li a:hover,
.privacyList li a:focus { text-decoration:underline; }
.clauseWrap p.tableDrag { margin-bottom: 0; }
.clauseWrap .clauseTxt .msgBox ul.col2 { display:flex; flex-wrap:wrap; }
.clauseWrap .clauseTxt .msgBox ul.col2 li { width: 50%; box-sizing:border-box; font-size: 1em; }
.clauseWrap .clauseTxt .msgBox ul li::before { content:none; }
.clauseWrap .clauseTxt .msgBox ul li a { display: inline-block; }
.clauseWrap .clauseTxt .msgBox ul li a img { display: inline-block; margin-left: 0.5em; max-width:1.875rem; }
@media screen and (max-width:767px) {
	.clauseWrap .clauseTxt .msgBox ul.col2 li { width: 100%; }
}

/* btn style */
.joinBtnWrap { margin:45px 0; }
.joinBtnWrap ul { display:flex; justify-content:center; text-align:center; }
.joinBtnWrap ul li { display:inline-block; height:60px; line-height:60px; margin:0 3px; vertical-align:top; font-size:1rem; }
.joinBtnWrap ul li:nth-child(1) > *,
.joinBtnWrap .type1 > * { background-color:#0742ba; }
.joinBtnWrap ul li:nth-child(2) > *,
.joinBtnWrap .type2 > * { background-color:#007bda; }
.joinBtnWrap ul li:nth-child(3) > * { background-color:#676a71; }
.joinBtnWrap ul li > * { display:block; min-width:10.833em; height:100%; padding:0 1em; font-weighT:300; font-size:1.125em; color:#fff; letter-spacing:-0.03em; box-sizing:border-box; }
.joinBtnWrap button span,
.joinBtnWrap a span { display:inline-block; padding-left:2.000em; background-repeat:no-repeat; background-position:0 50%; background-size:1.250rem auto; }
.joinBtnWrap span.cancel { background-image:url(../images/use/btn_join_cancel.png); }
.joinBtnWrap span.next { padding-left:0; padding-right:2.000em; background-image:url(../images/use/btn_join_next.png); background-position:right 0 top 50%; }
.joinBtnWrap span.prev { background-image:url(../images/use/btn_join_prev.png); }
.joinBtnWrap span.check { background-image:url(../images/use/btn_join_check.png); }
.joinBtnWrap span.out { padding-left:2rem; background-image:url(../images/use/btn_join_out.png); }
.joinBtnWrap span.none { padding-left:0; }
.joinBtnWrap p { vertical-align:top; text-align:center; }
.joinBtnWrap p button,
.joinBtnWrap p a { display:inline-block; min-width:15.278em; height:60px; line-height:60px; margin:0 3px; padding:0 1em; color:#fff; font-weighT:300; font-size:1.125em; box-sizing:border-box; }
p.defaultBtn { display:flex; justify-content:center; margin-top:3.875em; }
p.defaultBtn .type1 { display:inline-block; min-width:340px; padding:1.250em; border:none; background-color:#000; color:#72ff6f; text-align:center; font-weight:400; font-size:1.250em; box-sizing:border-box; }
p.defaultBtn .type2 { display:inline-block; min-width:340px; padding:1.250em; border:1px solid #000; text-align:center; font-weight:400; font-size:1.250em; box-sizing:border-box; }
div.defaultBtn { margin-top:3.875em; }
.defaultBtn ul { display:flex; justify-content:center; }
.defaultBtn ul li { margin:0 1px; }
.defaultBtn ul li a,
.defaultBtn ul li button,
.defaultBtn ul li input { display:inline-block; min-width:10.000em; height:3.600em; padding:1.200em 1em; border:1px solid #3c3c3c; text-align:center; line-height:1.1; font-size:1.250rem; box-sizing:border-box; }
.defaultBtn ul li.type2 * { border-color:#000; background-color:#000; color:#72ff6f; }
.defaultBtn ul li.type3>* { border-color:#e0e0e0; background-color:#eaeaea; color:#5d5d5d; }
.defaultBtn span { display:inline-block; background-repeat:no-repeat; background-position:0 50%; }
.defaultBtn span.size { padding-left:1.438rem; background-image:url(../images/sub/icon_resize.png); background-size:0.938rem auto; }
.defaultBtn span.panorama { padding-left:2rem; background-image:url(../images/sub/icon_panorama.png); background-size:1.375rem auto; }
.defaultBtn span.down { padding-left:2rem; background-image:url(../images/sub/icon_download.png); background-size:1.375rem auto; }

/* 이메일 무단수집거부 */
.privacyEmail { position:relative; margin-top:5%; border:1px solid #d9d9d9; text-align:center; }
.privacyEmail::before { content:''; position:absolute; top:-1.875em; left:50%; width:4.875em; height:4.063em; margin-left:-2.438em; background:url(../images/use/bg_privacy.png) no-repeat 50% 50%; background-size:contain; }
.privacyEmail .inner { margin:0.250em; padding:2.250em 5% 1.500em; border:3px solid #f4f7f8; letter-spacing:-0.03em; line-height:1.8; box-sizing:border-box; }
.privacyEmail .inner p { margin:0.750em 0; word-break:keep-all; font-weight:300; }
.privacyEmail .inner p strong { font-weight:500; }
.privacyEmail .inner div { margin-top:2em; }
.privacyEmail .inner div img { max-height:3.125em; }

/* 회원가입 - 인증종류선택 */
.authCheck>ul { display:table; width:100%; }
.authCheck>ul>li { display:table-cell; width:33.33333%; padding:62px 2% 55px; border:1px solid #ddd; border-left:0 none; text-align:center; vertical-align:top; }
.authCheck>ul>li:first-child { border-left:1px solid #ddd; }
.authCheck>ul>li dl{ padding-top:115px; background-position:center top; background-repeat:no-repeat; }
.authCheck .authMail dl { background-image:url(../images/use/icon_auth_mail.jpg); }
.authCheck .authSms dl { background-image:url(../images/use/icon_auth_sms.jpg); }
.authCheck .authPin dl { background-image:url(../images/use/icon_auth_pin.jpg); }
.authCheck .authDoc dl { background-image:url(../images/use/icon_auth_doc.png); }
.authCheck>ul>li dl dt { font-weight:500; font-size:22px; }
.authCheck>ul>li dl dd.txt { display:flex; align-items:center; justify-content:center; min-height:51px; margin-top:11px; color:#0b0c0e; letter-spacing:-0.04em; word-break:keep-all; line-height: 1.5; font-weight:300; font-size:17px; }
.authCheck>ul>li dl dd.btnSe { display:inline-block; min-width:148px; margin-top:25px; letter-spacing:-0.02em; }
.authCheck>ul>li dl dd a { display:block; padding:13px 22px 14px 46px; background:url(../images/use/bl_auth_check.png) 20px center no-repeat; border:1px solid #cfcfcf; border-radius:3px; font-weight:400; font-size:17px; }
.authCheck .info { margin:40px auto 0; font-weight:300; font-size:17px; color:#4d4f56; text-align:center; line-height:1.4; }
.authCheck .info>span { display:block; }

/* 회원가입 - 가입신청서 */
.ui-widget-header { margin-bottom:0.75em; border:0px solid #dddddd; background: #fff; }
.ui-datepicker-calendar>thead>tr>th {font-size: 14px !important;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {border: 0px solid #c5c5c5;background-color: transparent;font-weight: normal;color: #454545;text-align: center;}
.ui-datepicker {display: none;background-color: #fff;border-radius: 4px;margin-top: 10px;margin-left: 0px;margin-right: 0px;padding: 20px;padding-bottom: 10px;width: 300px;box-shadow: 10px 10px 40px rgba(0,0,0,0.1);}
.ui-widget.ui-widget-content { border: 1px solid #eee;}
#datepicker:focus>.ui-datepicker {display: block;}
.ui-datepicker-prev,
.ui-datepicker-next {cursor: pointer;}
.ui-datepicker-next {float: right;}
.ui-state-disabled {cursor: auto;color: hsla(0, 0%, 80%, 1);}
.ui-datepicker-calendar {width: 100%;}
.ui-datepicker-calendar>thead>tr>th {padding: 5px;font-size: 20px;font-weight: 400;}
.ui-datepicker-calendar>tbody>tr>td>a {color: #000;font-size: 12px !important;font-weight: bold !important;text-decoration: none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {cursor: auto;background-color: #fff;}
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%;width: 44px;height: 30px;cursor: pointer;padding: 5px;    font-weight: 100; text-align: center;font-size: 12px;}
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent;opacity: 0.6;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {border: 0px solid #cccccc;background-color: transparent;font-weight: normal;color: #2b2b2b;}
.ui-widget-header .ui-icon {}
.ui-icon-circle-triangle-e {background-position: -20px 0px;background-size: 36px;}
.ui-icon-circle-triangle-w {background-position: -0px -0px;background-size: 36px;}
.ui-datepicker-calendar>tbody>tr>td:first-child a{color: red !important;}
.ui-datepicker-calendar>tbody>tr>td:last-child a{color: #0099ff !important;}
.ui-datepicker-calendar>thead>tr>th:first-child {color: red !important;}
.ui-datepicker-calendar>thead>tr>th:last-child {color: #0099ff !important;}
.ui-datepicker-calendar .ui-state-active {border:0px; background:#000; color:#72ff6f; border-radius:50%; padding-top:10px;padding-bottom:10px; }
.inp {padding:10px 10px; background-color:#f1f1f1; border-radius:4px; border:0px; }
.inp:focus {outline:none; background-color:#eee;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { margin-left:-5px; background-position:center center; background-size:contain; }
.ui-widget-content .ui-icon.ui-icon-circle-triangle-w { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M9.406,14.691 L8.442,15.655 L1.727,8.940 L1.727,8.940 L0.762,7.976 L1.727,7.11 L1.727,7.11 L8.442,0.296 L9.406,1.260 L2.691,7.976 L9.406,14.691 Z'/%3E%3C/svg%3E");  }
.ui-widget-content .ui-icon.ui-icon-circle-triangle-e { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M9.236,7.976 L8.272,8.940 L8.272,8.940 L1.557,15.655 L0.593,14.691 L7.308,7.976 L0.593,1.260 L1.557,0.296 L8.272,7.11 L8.272,7.11 L9.236,7.976 Z'/%3E%3C/svg%3E"); }
.formStyle { max-width:1235px; margin:60px auto 50px; }
.formStyle .requiredTxt { float:right; margin-bottom:10px; font-weight:300; }
.formStyle .formTxt { margin:2.353em 0; text-align:center; line-height:1.3; font-weight:300; font-size:1.063em; }
.formStyle .formBtn { flex-shrink:0; display:inline-block; padding:0.875em 1.2em; border:none; border:1px solid #dcdcdc; background:#fafafa; text-align:center; font-weight:300; line-height:1.2; box-sizing:border-box; }
.formStyle .formBtnB { display:inline-block; padding:1em 3em; border:none; background:#000; color:#72ff6f; font-size:0.938rem; }
.formTable { table-layout:fixed; width:100%; margin:1em auto; border-top:1px solid #000; text-align:left; }
.formTable th,
.formTable td,
.formTable td .th { border-bottom:1px solid #e8e8e8; vertical-align:middle; line-height:1.3; font-weight:400; }
.formTable th,
.formTable td .th { padding:1.125em 1.091em; font-weight:400; }
.formTable thead th { width:auto; text-align:center; }
.formTable tbody th { width:178px; letter-spacing:-0.03em; text-align:left; }
.formTable td { padding:0.813em 4px; }
.formStyle .formTit { overflow:hidden; margin-top:2.560em; margin-bottom:1.200em; line-height:1.4; font-weight:500; font-size:1.250em; }
.formStyle .formTit.bg,
.unschedulePop .formTit { margin-bottom:0; padding:0.818em 24px; background-color:#ebebeb; font-size:1.375em; }
.joinWrap .formStyle .formTit { margin-bottom:1rem; }
.formStyle .formTit.member { margin-top:3.000em; text-align:center; font-size:1.500em; }
.formStyle div.formTit { margin-bottom:1em; font-size:1em; }
.formStyle div.formTit h4 { float:left; margin:0; }
.formStyle div.formTit .requiredTxt { margin-top:0.250em; margin-bottom:0; }
.formStyle .formBtn i { font-style:normal; font-size:0.867em; }
.formStyle .guideTxt { display:block; position:relative; margin:0.5em 0; padding-left:1.125rem; line-height:1.3; font-weight:300; font-size:0.938em; box-sizing:border-box; }
.joinWrap .formTable .guideTxt { margin-bottom:0; }
.formStyle .guideTxt.red,
.formStyle .guideTxt .red { color:red; font-weight:400; }
.formStyle .guideTxt.blue { color:blue; }
.formStyle .guideTxt i { display:inline-block; vertical-align:top; font-style:normal; }
.formStyle .guideTxt i:before { display:block; position:absolute; top:0; left:0; }
.formStyle .guideTxt i.minus:before { content:'-'; }
.formStyle .guideTxt i.point:before { content:'※'; }
.formStyle .guideTxt i.dot:before { content:'·'; left:0.375em; }
.formStyle .guideTxt a { display:inline-block; padding-bottom:0.250em; border-bottom:1px solid #3173FD; color:#3173FD; vertical-align:top; font-weight:500; }
.formStyle label,
.formStyle .label { display:inline-block; font-size:0.938rem; }
.formStyle .formTable th label,
.formStyle .formTable th .label { vertical-align:middle; }
.formStyle .formTable label.error { order:100; width:100%; }
.formStyle input::-webkit-input-placeholder { font-weight:300; color:#929292; }
.formStyle input::-moz-placeholder { font-weight:300; color:#929292; }
.formStyle input:-ms-input-placeholder { font-weight:300; color:#929292; }
.formStyle input::-ms-input-placeholder { font-weight:300; color:#929292; }
.formStyle .required { overflow:hidden; display:inline-block; width:0.667em; height:0.667em; margin-top:-0.333em; margin-left:0.400em; background:url(../images/use/icon_compul_check.gif) center no-repeat; background-size:contain; vertical-align:middle; text-indent:999px; }
.formStyle input.txt,
.formStyle select,
.formStyle [class*="datePicker"],
.formStyle [class*="timePicker"] { width:100%; max-width:100%; height:3.000em; border:1px solid #e8e8e8; margin-right:0.375em; text-indent:0.75em; line-height:3.000em; box-sizing:border-box; }
.joinWrap .formStyle input.txt,
.joinWrap .formStyle .datePicker { width:auto; min-width:20.000em; } /* 회원가입 */
.formStyle [class*="datePicker"] { padding-right:2.250em; background:url(../images/sub/icon_calendar.png) no-repeat right 0.625em top 50%; background-size:1.125em auto; }
.formStyle [class*="timePicker"] { padding-right:2.250em; background:url(../images/use/icon_time.png) no-repeat right 0.625em top 50%; background-size:0.875em auto; }
.formStyle input[type="text"]:read-only,
.formStyle input[type="password"]:read-only,
.formStyle input[type="date"]:read-only { background:#f4f4f4; }
.formStyle input[type="text"][readonly] { background:#f4f4f4; }
.formStyle input[type="file"] { width:100%; margin-bottom:0.5em; }
.formStyle input[type="file"] ~ a { display:block; margin-top:1em; padding-bottom:0.5em; font-weight:300; font-size:0.875rem; text-decoration:underline; }
.formStyle select { padding-left:1em; background:#fff url(../images/use/arrow_select.png) no-repeat right 0.824em top 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.formStyle textarea { width:100%; height:10rem; padding:1.5em; border:1px solid #e8e8e8; resize:none; }
.formStyle input[type="radio"],
.formStyle input[type="checkbox"] { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; clip: rect(0,0,0,0); }
.formStyle input[type="radio"] ~ label,
.formStyle input[type="checkbox"] ~ label { display:inline-block; position:relative; min-height:15px; padding-left:1.563rem; cursor:pointer; }
.formStyle input[type="radio"] ~ label::before,
.formStyle input[type="checkbox"] ~ label::before { content:''; position:absolute; top:1px; left:0; border:1px solid #bbb; box-sizing:border-box; }
.formStyle input[type="radio"] ~ label::before { width:1.125rem; height:1.125rem; border-radius:50%; }
.formStyle input[type="checkbox"] ~ label::before { width:15px; height:15px; }
.formStyle input[type="radio"]:checked ~ label::before,
.formStyle input[type="checkbox"]:checked ~ label::before { border:none; background:#000 url(../images/use/bu_radio_on.png) no-repeat 50% 100%; background-size:1.125rem auto; }
.formStyle .formHyphen,
.formStyle .formAtsign { display:inline-block; height:3.000em; line-height:3.000em; margin-right:0.400em; font-size:0.938em; vertical-align:middle; }
.formStyle .inputBtn { display:flex; flex-wrap:wrap; align-items:center; }
.formStyle .txtCheck { display:flex; align-items:center; }
.formStyle .txtCheck .checkb { flex-shrink:0; margin:0 1em; }
.formStyle .groupEmail { display:flex; flex-wrap:wrap; }
.formStyle .groupEmail .txt,
.joinWrap .formStyle .groupEmail .txt { width:30%; min-width:auto; margin-right:0; }
.formStyle .groupEmail select { width:calc(32% - 0.375em); min-width:auto; margin-right:0; margin-left:0.375em; }
.formStyle .groupEmail .formAtsign { width:8%; margin-right:0; text-align:center; }
.formStyle .groupAddr { position:relative; }
.formStyle .groupAddr .btnZipcode { display:block; position:absolute; top:0; right:0; width:11.000em; height:3em; border:1px solid #dcdcdc; border-left:none; background:#fafafa; text-align:center; line-height:3em; box-sizing:border-box; }
.formStyle .groupAddr .btnZipcode span { display:inline-block; height:100%; padding-left:1.375em; background:url(../images/use/btn_search_form.png) no-repeat 0 50%; background-size:1.125em auto; }
.formStyle .groupAddr .addrTxt { display:flex; flex-wrap:wrap; padding-right:11.000em; }
.formStyle .groupAddr .addrTxt .txt { min-width:auto; margin-right:0; }
.formStyle .groupAddr .addrTxt .txt:nth-of-type(1) { flex-shrink:0; width:11em; border-right:none; }
.formStyle .groupAddr .addrTxt .txt:nth-of-type(2) { width:calc(100% - 11em); }
.formStyle .groupAddr > input.txt { width:100%; margin-top:0.375em; margin-right:0; }
.formStyle .groupTel { display:flex; flex-wrap:wrap; align-items:center; }
.formStyle .groupTel .txt { width:calc(100% - 11em); }
.formStyle .groupTel select { flex-shrink:0; width:10em; padding-left:1.5em; }
.formStyle .groupTel .formHyphen { display:inline-block; width:6%; margin-right:0; text-align:center; vertical-align:top; }
.formStyle .groupTel .chekb { flex-shrink:0; overflow:hidden; position:relative; padding:0 22px; box-sizing:border-box; }
.formStyle .groupTel .chekb input { overflow:hidden; position:absolute; top:0; left:-99999px; width:1px; height:1px; margin-left:-1px; clip:rect(0,0,0,0); }
.formStyle .groupTel .chekb label { display:inline-block; padding:4px 0; cursor:pointer; }
.formStyle .groupTel .chekb label span { display:block; position:relative; padding-left:28px; }
.formStyle .groupTel .chekb label span::before { content:''; position:absolute; top:0.125em; left:0; width:20px; height:20px; border:1px solid #dcdcdc; box-sizing:border-box; }
.formStyle .groupTel .chekb input:checked + label span::before { border-color:#007bda; background:url(../images/use/bg_check_on.png) no-repeat 50% 50%; background-size:contain; }
.formStyle .groupTel .formBtn { border-bottom:1px solid #dcdcdc; }
.formStyle .radioList { display:flex; flex-wrap:wrap; align-items:center; }
.formStyle .radioList.center { justify-content:center; }
.formStyle .radioList li { display:flex; align-items:center; margin:0.5em 0.750em; }
.formStyle .radioList li label { min-width:2em; margin:0 5px; font-weight:400; cursor:pointer; }
.formStyle ul.fileList li { overflow:hidden; display:block; width:100%; margin:0.5em 0; }
.formStyle ul.fileList li p { margin:0; padding:0; }
.formStyle ul.fileList li p.fileArea,
.formStyle ul.fileList li p.txtBox { position:relative; float:left; width:calc(100% - 50px); padding-bottom:5px; }
.formStyle ul.fileList li p.txtBox span { display:block; width:100%; line-height:38px; border:1px solid #d0d0d0; box-sizing:border-box; text-indent:1em; }
.formStyle ul.fileList li p.fileArea input[type="file"] { overflow:hidden; position:absolute; left:-999px; top:0; width:1px; height:1px; margin-left:-1px; }
.formStyle ul.fileList li p.fileArea label { float:right; display:inline-block; width:7.625rem; background:#656565; text-align:center; line-height:40px; color:#fff; cursor:pointer; }
.formStyle ul.fileList li p.fileArea span { display:block; padding-right:8.125em; }
.formStyle ul.fileList li p.fileArea span input { overflow:hidden; width:100%; height:40px; padding:0 1em; border:1px solid #d0d0d0; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; }
.formStyle ul.fileList li p.btnArea { margin-left:calc(100% - 50px); }
.formStyle ul.fileList li p.btnArea button { overflow:hidden; position:relative; width:44px; height:40px; margin-left:5px; border:1px solid #d0d0d0; text-indent:-999px; }
.formStyle ul.fileList li p.btnArea button.del:before,
.formStyle ul.fileList li p.btnArea button.del:after,
.formStyle ul.fileList li p.btnArea button.minus:before,
.formStyle ul.fileList li p.btnArea button.plus:before,
.formStyle ul.fileList li p.btnArea button.plus:after { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#868686; }
.formStyle ul.fileList li p.btnArea button.plus:after { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.formStyle ul.fileList li p.btnArea button.del:before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.formStyle ul.fileList li p.btnArea button.del:after { -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
.formStyle ul.fileList li p.btnArea .delBtn { overflow:hidden; vertical-align:top; display:inline-block; }
.formStyle ul.fileList li p.btnArea .delBtn input { overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px; }
.formStyle ul.fileList li p.btnArea .delBtn label { overflow:hidden; display:inline-block; cursor:pointer; position:relative; width:44px; height:40px; margin-left:5px; border:1px solid #d0d0d0; text-indent:100%; box-sizing:border-box; white-space: nowrap; }
.formStyle ul.fileList li p.btnArea .delBtn label::before { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#656565; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.formStyle ul.fileList li p.btnArea .delBtn label::after { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#656565; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
.formStyle ul.fileList li p.btnArea .delBtn input:checked + label { background:#0742ba; }
.formStyle ul.fileList li p.btnArea .delBtn input:checked + label::before,
.formStyle ul.fileList li p.btnArea .delBtn input:checked + label::after { background:#fff; }
.formStyle .dateGroup { display:flex; align-items:center; }
.formStyle .dateGroup input[type="text"] { width:13.750em; margin-right:0; }
.formStyle .dateGroup span { display:inline-block; margin:0 0.750em; }
.formStyle .plusMinus { display:flex; }
.joinWrap .formStyle .plusMinus input.txt { width:4em; min-width:auto; margin:0; text-align:center; text-indent:0; }
.formStyle .plusMinus .minus,
.formStyle .plusMinus .plus { overflow:hidden; display:inline-block; width:3em; height:3em; border:1px solid #e8e8e8; background-repeat:no-repeat; background-position:50% 50%; line-height:3em; text-indent:-999px; box-sizing:border-box; }
.formStyle .plusMinus .minus { border-right:none; background-image:url(../images/use/icon_minus.svg); }
.formStyle .plusMinus .plus { border-left:none; background-image:url(../images/use/icon_plus.svg); }
.formStyle .plusMinus input::-webkit-outer-spin-button,
.formStyle .plusMinus input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.formStyle .plusMinus input[type=number] { -moz-appearance: textfield; }

/* 회원가입 완료 */
.join_fin { line-height:1.3; text-align:center; }
.join_fin p { font-weight:500; font-size:1.5em; }
.joinFin_txt { margin:2em 0; }
.joinFin_txt ul { margin-bottom:2em;}
.joinFin_txt ul li { font-weight:300; font-size:1.063em; }
.joinFin_txt dl { display:flex; justify-content:center; align-items:center; max-width:380px; margin:0 auto; border-bottom:1px solid #ddd; }
.joinFin_txt .joinFin_name { border-top:1px solid #000; }
.joinFin_txt dl dt { display:inline-block; min-width:160px; padding:1.125em 1.091em; box-sizing:border-box; }
.joinFin_txt dl dd { flex-grow:1; padding:0.813em 4px; text-align:left; }

/* 대관>대관신청 폼 */
.formTitTable { display:flex; }
.formTitTable .tblTit { flex-shrink:0; display:flex; align-items:center; width:20%; border-bottom:1px solid #e8e8e8; font-weight:500; font-size:0.938em; }
.formTitTable .tblTit span { display:inline-block; }
.formTitTable div.tblTit { flex-direction:column; justify-content:center; align-items:flex-start; }
.formTitTable div.tblTit .defaultBtn { width:90%; margin-top:1em; }
.formTitTable div.tblTit .defaultBtn a,
.formTitTable div.tblTit .defaultBtn button { display:block; min-width:auto; width:100%; }
.formTitTable .formTable,
.formTitTable .rentalDate,
.formTitTable .attachFile { width:80%; margin:0; border-top:none; border-left:1px solid #e8e8e8; }
.formTitTable .rentalDate .item { padding:1em 0; }
.formTitTable .rentalDate .item .dateTit { -ms-grid-column:1; -ms-grid-column-span:1; grid-column:1 / 2; -ms-grid-row:1; -ms-grid-row-span:1; grid-row:1 / 2; padding-left:15%; font-weight:500; font-size:0.938rem; }
.formTitTable .rentalDate .item .dateGroup { -ms-grid-column:2; -ms-grid-column-span:2; grid-column:2 / 4; -ms-grid-row:1; -ms-grid-row-span:1; grid-row:1 / 2; }
.formTitTable .rentalDate .item p.label { -ms-grid-column:2; -ms-grid-column-span:1; grid-column:2 / 3; -ms-grid-row:3; -ms-grid-row-span:1; grid-row:3 / 4; }
.formTitTable .rentalDate .item .inputGroup { -ms-grid-column:3; -ms-grid-column-span:1; grid-column:3 / 4; -ms-grid-row:3; -ms-grid-row-span:1; grid-row:3 / 4; }
.formTitTable .rentalDate .item .dateTime { -ms-grid-column:2; -ms-grid-column-span:2; grid-column:2 / 4; -ms-grid-row:1; -ms-grid-row-span:1; grid-row:1 / 2; display:flex; align-items:center; }
.formTitTable .rentalDate .item .guideTxt { -ms-grid-column:2; -ms-grid-column-span:2; grid-column:2 / 4; -ms-grid-row:2; -ms-grid-row-span:1; grid-row:2 / 3; }
.formTitTable .formTable .dateTime { display:flex; align-items:center; }
.formTitTable .dateTime span { display:inline-block; width:10%; margin-bottom:0.750em; text-align:center; }
.formTitTable .dateTime [class*="datePicker"] { width:calc(50% - 3px); margin-bottom:0.750em; margin-right:3px; }
.formTitTable .dateTime [class*="timePicker"] { width:40%; margin-right:0; margin-bottom:0.750em; }
.formTitTable .formTable .counterList li { font-weight:400; font-size:0.938em; }
.formTitTable .attachFile { padding:1em 2%; border-bottom:1px solid #e8e8e8; }
.formTitTable .rentalDate .item .inputGroup .countItem { display:flex; justify-content:flex-end; align-items:center; margin-top:0.75em; }
.formTitTable .rentalDate .item .inputGroup .countItem:first-child { margin-top:0; }
.formTitTable .rentalDate .item .inputGroup .countItem select { width:110px; padding-left:0; }
.formTitTable .rentalDate .item .inputGroup .countItem .txt { width:4.375em; text-align:center; text-indent:0; }
.formTitTable .rentalDate .item .inputGroup .countItem .btnArea { display:flex; margin-left:2em; }
.formTitTable .rentalDate .item .inputGroup .countItem .btnArea button { overflow:hidden; display:inline-block; position:relative; width:3em; height:3em; margin-left:5px; border:1px solid #e8e8e8; text-indent:-999px; }
.formTitTable .rentalDate .item .inputGroup .countItem .btnArea button.minus:before,
.formTitTable .rentalDate .item .inputGroup .countItem .btnArea .plus:before,
.formTitTable .rentalDate .item .inputGroup .countItem .btnArea .plus:after { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#868686; }
.formTitTable .rentalDate .item .inputGroup .countItem .btnArea .plus:after { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.rtMsgBox { margin-top:1em; margin-bottom:4.250em; padding:1.8em 2em; border:4px solid #d1d5d8; box-sizing:border-box; }
.rtMsgBox .topTit { display:flex; justify-content:space-between; margin-bottom:1em; }
.rtMsgBox h4 { margin-bottom:1rem; padding-top:0.313rem; font-weight:400; font-size:1.25em; }
.rtMsgBox .topTit a { display:inline-block; padding:1em 1.647em; background:#000; color:#72ff6f; letter-spacing:-0.03em; font-weight:400; font-size:1.063em; }
.rtMsgBox .conTxt { margin-top:1rem; }
.rtMsgBox .conTable tr td:first-child { border-left:none; }
.rtMsgBox .conTable td ul,
.rtMsgBox .conTable td .guideTxt { display:inline-block; }
#rtplAplBrdt::placeholder { color:red; }
#rtplAplBrdt::-webkit-input-placeholder { color:red; }
#rtplAplBrdt:-ms-input-placeholder { color:red; }
#rtplAplBrdt:-mos-input-placeholder { color:red; }
.formTitTable input[id*="no"]::placeholder { color:red; }
.formTitTable input[id*="no"]::-webkit-input-placeholder { color:red; }
.formTitTable input[id*="no"]:-ms-input-placeholder { color:red; }
.formTitTable input[id*="no"]:-mos-input-placeholder { color:red; }
/* 첨부파일 */
.formFile .item { overflow: hidden; display:flex; align-items:center; padding:.3125em 0; }
.formFile .item .fileArea { flex-grow:1; position:relative; width:77.1028%; }
.formFile .item .fileArea input[type="file"] { position:absolute; left:0; top:0; opacity:0; margin: 0; }
.formFile .item .fileArea span { display:block; }
.formFile .item .fileArea span input { overflow:hidden; background: #fff; white-space:nowrap; text-overflow:ellipsis; }
.formFile .item .btn { margin-left:.625em; }
.formFile .item .btn button { overflow:hidden; position:relative; width:3em; height:3em; border:1px solid #dcdcdc; border-radius:.25em; text-indent:-9999px; box-sizing:border-box; }
.formFile .item .btn .minus:before,
.formFile .item .btn .plus:before,
.formFile .item .btn .plus:after { content:''; position:absolute; left:50%; top:50%; width:.9375em; height:1px; margin-top:-1px; margin-left:-.46875em; background:#000; }
.formFile .item .btn .plus:after { transform:rotate(90deg); }
.formFile .item p.label { flex-shrink:0; margin-left:.625em; }
.formFile .item p.label label { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:3rem; padding:0 .7647em; font-size:1.063em; border:1px solid #2544c8; border-radius:0.25rem; box-sizing:border-box; color:#2544c8; cursor:pointer; }
.formFile .item p.label label span { padding-left:1.4117em; background-image:url(../images/use/icon_attach.png); background-repeat:no-repeat; background-position:left center; background-size:.9375rem auto; }
/* 예술인DB */
#genreLayer { margin-top: 0.75em; }
#genreLayer .radioList li { margin-left: 0; }
.formTable tbody.artistType1,
.formTable tbody.artistType2 { display: none; }
.formTable tbody.active { display:table-row-group; }

/* 대관신청 참고사항 */
.notesPop { overflow-y:auto; display:none; z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.65); }
.notesPop .popWrap { position:relative; max-width:1280px; margin:0 auto; padding-bottom:5%; background-color:#fff; box-sizing:border-box; }
.notesPop .popWrap .cont { padding:0 5%; }
.notesPop .popWrap .cont .pageTit { margin-top:0; }
.notesPop .popWrap .btnClose { position:sticky; top:0.75em; text-align:right; }
.notesPop .popWrap .btnClose button { overflow:hidden; display:inline-block; width:45px; height:45px; margin-right:1%; background:url(../images/common/icon_close.svg) no-repeat 50% 50%; background-size:1.5em auto; text-indent:-999px; }

/* 대관신청 불가일정 */
.unschedulePop h4.formTit { margin-bottom:1em; font-weight:500; }
.unschedulePop i.gray { display:inline-block; position:relative; padding-left:1.125em; font-style:normal; }
.unschedulePop i.gray::before { content:'대관불가'; overflow:hidden; position:absolute; top:50%; left:0; width:0.875em; height:0.875em; margin-top:-0.438em; background:#b1b1b1; text-indent:-999px; }
.unschedulePop .typeSelect { position:relative; margin-bottom:2em; }
.unschedulePop .typeSelect .btnType button { display:block; width:100%; padding:0 1.333em; border:1px solid #000; text-align:left; box-sizing:border-box; }
.unschedulePop .typeSelect .btnType button span { display:block; position:relative; padding:11px 0; }
.unschedulePop .typeSelect .btnType button span::after { content:''; position:absolute; top:50%; right:0; width:8px; height:8px; margin-top:-0.467em; border-top:1px solid #000; border-left:1px solid #000; transform:rotate(225deg); }
.unschedulePop .typeSelect ul { display:none; background:#fff; border:1px solid #000; border-top:none; box-sizing:border-box; z-index:1; }
.unschedulePop .typeSelect ul li { padding-bottom:1px; }
.unschedulePop .typeSelect ul li button { display:block; width:100%; padding:0.333em 1.333em; text-align:left; font-size:0.938em; }
.unschedulePop .typeSelect ul li button:hover,
.unschedulePop .typeSelect ul li button:focus { background:#333; color:#fff; }
.unschedulePop .lk,
.rtMsgBox .lk { display:inline-block; color:#4980fc; text-decoration:underline; }
.unschedulePop .yearItems { justify-content:center; margin-top:2.375em; margin-bottom:1em; }
.unschedulePop .scheduleList table { min-width:870px; }
.unschedulePop .scheduleList table { margin:0.625em 0; }
.unschedulePop .scheduleList table tr:hover { background-color:#fbfbfb; }
.unschedulePop .scheduleList th { width:3.250em; padding:0.625em 0.250em; }
.unschedulePop .scheduleList td { padding:0.250rem; font-size:0.938em; }
.unschedulePop .scheduleList td.black { background:#b1b1b1; }
.unschedulePop .scrollTblWrap { overflow-x:auto; }
.unschedulePop .tableDrag { margin-top:0.625em; }
@media screen and (max-width:960px) {
    /* 회원가입 - 가입유형선택 */
    .joinWrap { margin:40px auto 60px; }
    .joinForm > .stit { margin-bottom:2.143em; font-size:1.273em; }
    .joinTurnList { margin-bottom:35px; }
    .joinTurnList li { padding-right:11%; font-size:1.091em; }
    .joinTurnList li:before { top:27px; }
    .joinTurnList li span { padding-top:65px; }
    .joinTurnList li span:after { width:54px; height:54px; margin-left:-27px; background-size:auto 2.364rem; }
    .joinType>ul { flex-direction:column; align-items:center; }
    .joinType>ul>li { width:100%; max-width:400px; margin:0 0 2em; }
    .joinType>ul>li>a>dl>dd { margin-top:8px; word-break:keep-all; }
    .joinType>ul>li>a>dl>dd>span { display:inline; padding-top:0; }
    .joinType>ul>li>a>p>span { background-size:auto 60%; }

    /* 회원가입 - 약관동의 */
    .joinSect>p { font-size:1.182em; }
    .clauseWrap { padding-top:20px; }
    .clauseWrap.scrollNone { padding-top:0; }
    .clauseWrap .clauseTit { padding-left:3px; font-weight:500; font-size:1.455em; }
    .clauseWrap .clauseBox { padding-top:12px; }
    .clauseWrap .clauseTxt { padding:20px 15px; font-size:1.182rem; }
    .clauseWrap .clauseTxt h4 { margin:12px 0 10px; font-size:1.273rem; }
    .clauseWrap .clauseTxt h5 { margin:10px 0; font-size:1.182rem; }
    .clauseWrap .clauseTxt h5:first-child { margin-top:0; }
    .clauseWrap .clauseTxt h6 { font-size:1.182rem; }
    .clauseWrap .clauseTxt .topList>li { margin-top:10px; }
    .clauseWrap .clauseTxt .topList>li>ul { margin-top:10px; }
    .clauseWrap .clauseTxt dl>dt>i { margin-right:3px; }
    .clauseWrap .clauseTxt dl>dd>i { margin-right:3px; }
    .clauseWrap .agree { padding:0; font-size:0; }
    .clauseWrap .agree>div { width:50%; padding:10px 0; text-align:center; box-sizing:border-box; }
    .clauseWrap .agree .agreeNo { padding-left:0; border-left:1px solid #ddd; }
    .clauseWrap .agree>div label { font-size:1.182rem; }
    .clauseWrap .agree>div label>span { display:none; }
    .joinWrap .agreeAll { padding:20px 10px 0; }
    .joinWrap .agreeAll>label { font-weight:300; font-size:1.273rem; }
    .clauseWrap .agree>ul>li { font-size:1.182rem; }
    .clauseWrap .agree>ul>li>div label { font-size:1.182rem; }

    /* btn style */
    .joinBtnWrap { margin:3.455em 0; }
    .joinBtnWrap ul li { flex-grow:1; width:calc(33.33333% - 1px); height:4.364em; margin:0 1px; line-height:4.364em; }
    .joinBtnWrap ul li > * { min-width:auto; width:100%; padding:0; font-size:1.273em; }
    .joinBtnWrap p button,
    .joinBtnWrap p a { min-width:auto; width:100%; height:4.364rem; max-width:50%; padding:0; line-height:4.364rem; font-size:1.273em; }
    .privacyEmail .inner { line-height:1.5; }
    .privacyEmail .inner p { font-size:1.091em; }
    p.defaultBtn .type1 { min-width:auto; width:100%; }
    .defaultBtn ul li { width:calc(50% - 2px); }
    .defaultBtn ul li a,
    .defaultBtn ul li button,
    .defaultBtn ul li input { min-width:auto; width:100%; }

    /* 회원가입 - 인증종류선택 */
    .authCheck>ul { display:block; width:auto; }
    .authCheck>ul>li { display:block; width:auto; padding:2.727em 1.818em; border:1px solid #ddd; border-top:0 none; }
    .authCheck>ul>li:first-child { border-top:1px solid #ddd; }
    .authCheck>ul>li dl { padding:0 0 0 9.091em; background-position:left center; background-size:7.273em auto; text-align:left; }
    .authCheck>ul>li dl dt { font-size:1.455em; }
    .authCheck>ul>li dl dd.txt { display: block; min-height:auto; margin-top:5px; font-size:1.182em; }
    .authCheck>ul>li dl dd.btnSe { margin-top:6px; }
    .authCheck>ul>li dl dd a { display:inline-block; padding:0 20px 0 0; background:url(../images/use/arrow_join_type_mo.png) right center no-repeat; background-size:6px auto; border:0 none; color:#dd3e00; font-size:1.273rem; }
    .authCheck>ul>li dl dd.btnSe { margin-top:15px; }
    .authCheck .info { margin:2.273rem auto 0; font-size:1.273em; }

    /* 회원가입 - 가입신청서 */
    .formStyle { margin:30px auto; }
    .formStyle .formBtn { width:7.273em; padding:0.833em 0; }
    .formStyle .formTit.bg { padding:0.857em 0.571em; font-size:1.273em; }
    .formStyle .formTit2 { font-size:1.455em; }
    .formStyle .formTit.member { margin-bottom:1em; letter-spacing:-0.03em; font-size:1.364em; }
    .formStyle .guideTxt { padding-right:0; font-size:1rem; }
    .formStyle label,
    .formStyle .label { font-size:1.091rem; }
    .formStyle .formTable .guideTxt { font-size:1em; }
    .formTable thead,
    .formTable colgroup { display:none; }
    .formTable tbody { display:block; }
    .formTable tbody tr { display:flex; flex-wrap:wrap; }
    .formTable tbody th,
    .formTable tbody td { font-size:1.091em; }
    .formTable tbody th { flex-shrink:0; display:block; width:8.545em; padding:1.125em 0.5em 1.125em 0; box-sizing:border-box; }
    .formTable tbody td { flex-grow:1; display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 8.545em); box-sizing:border-box; }
    .joinWrap .formStyle input.txt,
    .joinWrap .formStyle .datePicker,
    .formStyle input.txt,
    .formStyle select { width:100%; min-width:auto; margin-right:0; }
    .formStyle input[type="radio"] + label,
    .formStyle input[type="checkbox"] + label { min-height:12px; }
    .formStyle input[type="checkbox"] + label::before { width:12px; height:12px; }
    .formStyle [class*="datePicker"] { padding-right:1.818rem; background-position:right 0.5rem top 50%; background-size:1rem auto; }
    .formStyle .inputBtn { width:100%; }
    .formStyle .inputBtn input,
    .joinWrap .formStyle .inputBtn input { width:65%; border-right:none; }
    .formStyle .inputBtn .formBtn { width:35%; height:100%; }
    .formStyle .txtCheck { flex-wrap:wrap; }
    .formStyle .txtCheck .txt { width:100%; }
    .formStyle .txtCheck .checkb { margin:0.5em 0 0; }
    .formStyle .groupEmail { flex-grow:1; flex-wrap:wrap; }
    .formStyle .groupEmail .txt,
    .joinWrap .formStyle .groupEmail .txt { width:46%; }
    .formStyle .groupEmail select { flex-grow:1; width:100%; margin-top:5px; margin-left:0; }
    .formStyle .groupEmail .formBtn { border-top:1px solid #dcdcdc; }
    .formStyle .groupAddr { flex-grow:1; }
    .formStyle .groupAddr .addrTxt { padding-right:0; }
    .formStyle .groupAddr .addrTxt .txt { width:100%; }
    .formStyle .groupAddr .addrTxt .txt:nth-child(1) { width:calc(100% - 7.667em); border-right:1px solid #dcdcdc; }
    .formStyle .groupAddr .addrTxt .txt:nth-child(2) { width:100%; margin-top:5px; padding:1.083em 0; border-top:1px solid #dcdcdc; }
    .formStyle .groupAddr .btnZipcode { width:7.667em; }
    .formStyle .groupTel { flex-wrap:wrap; }
    .formStyle .groupTel .txt { width:100%; }
    .formStyle .groupTel select,
    .formStyle .groupTel .chekb { width:100%; }
    .formStyle .groupTel select { border-right:none; border-bottom:1px solid #dcdcdc; }
    .formStyle .groupTel .chekb { padding:1em 1.500em 0; border-top:1px solid #dcdcdc; }
    .formStyle .groupTel .chekb label span { padding-top:3px; }
    .formStyle .groupTel.wrap { padding-right:0; }
    .formStyle .groupTel.wrap .txt { flex-grow:0; width:calc(100% - 7.273em); }
    .formStyle .groupTel.wrap .formBtn { height:auto; }
    .formStyle .radioList li { margin:1em 0.750em; }
    .formStyle .dateGroup { flex-grow:1; }
    .formStyle .dateGroup input[type="text"] { width:46%; }
    .formStyle .dateGroup span { width:8%; margin:0; text-align:center; }

    /* 대관>대관신청 폼 */
    .formTitTable { display:block; }
    .formTitTable .tblTit,
    .formTitTable .formTable,
    .formTitTable .rentalDate,
    .formTitTable .attachFile { width:100%; border-left:none; }
    .formTitTable .tblTit { margin-top:1em; border-bottom:none; font-size:1.091em; }
    .formTitTable div.tblTit { flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-items:flex-start; margin-top:2em; }
    .formTitTable div.tblTit .defaultBtn { margin-bottom:1rem;  width:100%; }
    .formTitTable div.tblTit h5 { margin-top:0.5rem; margin-right:1rem;  }
    .formTitTable .rentalDate .item { grid-template-columns:8.545em auto; align-items:flex-start; }
    .formTitTable .rentalDate .item .dateTit { padding-top:0.5em; padding-left:0; font-size:1em; }
    .formTitTable .rentalDate .item p.label { grid-column:1 / 3; grid-row:3 / 4; padding-left:0; }
    .formTitTable .rentalDate .item .inputGroup { grid-column:3 / 4; grid-row:3 / 4; }
    .formTitTable .rentalDate .item .inputGroup .countItem { justify-content:flex-start; width:100%; }
    .formTitTable .rentalDate .item .inputGroup .countItem:first-child { margin-top:1em; }
    .formTitTable .rentalDate .item .inputGroup .countItem select,
    .formTitTable .rentalDate .item .inputGroup .countItem .txt { margin-right:0.5em; }
    .formTitTable .rentalDate .item .inputGroup .countItem .txt { width:7em;}
    .formTitTable .rentalDate .item .inputGroup .countItem .btnArea { flex-grow:1; justify-content:flex-end; }
    .formTitTable .rentalDate .item .dateTime,
    .formTitTable .formTable .dateTime { flex-wrap:wrap; }
    .formTitTable .formTable .dateTime
    .formTitTable .attachFile { margin-top:1em; padding:0; }
    .rtMsgBox .topTit { flex-wrap:wrap; }
    .rtMsgBox .topTit a { box-sizing:border-box; }
	/* 첨부파일 */
	.formFile .item { flex-wrap:wrap; padding:.4545em 0; }
	.formFile .item .fileArea { width:100%; margin-bottom:.2727em; }
    .formFile .item .btn { flex-shrink:0; width:4.0909em; margin-left:.4545em; }
    .formFile .item .btn .minus:before,
    .formFile .item .btn .plus:before,
    .formFile .item .btn .plus:after { width:1em; }
    .formFile .item p.label { width:49.5%; margin:0; }
    .formFile .item p.label label { font-size:1.0909rem; }
	.formTable tbody.active { display:block; }

    .unschedulePop .scheduleList table { border-collapse:separate; }
    .unschedulePop .scheduleList th { position:sticky; left:0; }
}

/* 재단소개>소개 */
.gccfAbout { letter-spacing:-0.05em; text-align:center; }
.gccfAbout .topImg { position:relative; padding-bottom:2.625em; }
.gccfAbout .topImg::after { content:''; position:absolute; bottom:0; left:50%; margin-left:-1px; width:1px; height:4.188em; background:#82b272; }
.gccfAbout .stit { margin:1em 0 0.909em; color:#68915a; font-size:1.375em; }
.gccfAbout h4 { margin-bottom:0.857em; font-weight:500; font-size:2.188em; }
.gccfAbout .aboutTxt { padding:0 12%; word-break:keep-all; line-height:1.5; font-weight:300; font-size:1.125em; }
.gccfAbout .aboutImg { margin-top:4.5em; }
.gccfAbout .aboutImg .detail { display:flex; margin-top:4.063em; }
.gccfAbout .aboutImg .detail .item { overflow: hidden; width: 23.5%; margin-left: 2%; border-radius:1.25em; border:1px solid #92a89e; line-height: 1.3; word-break:keep-all; box-sizing:border-box; }
.gccfAbout .aboutImg .detail .item:first-child { margin-left: 0; }
.gccfAbout .aboutImg .detail .item h5 { display:flex; justify-content:center; align-items:center; min-height:6.938rem; padding:1.222em 1em 1em; background: #71995d; color: #fff; text-align: center; font-weight:400; font-size: 1.125em; box-sizing:border-box; }
.gccfAbout .aboutImg .detail .item ul { padding:2px 9% 0.625em; }
.gccfAbout .aboutImg .detail .item ul li { position: relative; margin:1.25rem 0; padding-left: 0.75em; color: #345324; text-align: left; font-size:1.063em; }
.gccfAbout .aboutImg .detail .item ul li::before { content:''; position: absolute; top:0.625rem; left: 0; width:0.188rem; height:0.188rem; border-radius:50%; background: #345324; }
.greetings .cont { display:flex; margin-top:9.375em; letter-spacing:-0.03em; }
.greetings .cont.top { align-items:flex-end; padding-top:1.875em; text-align:left; }
.greetings .cont.bt { align-items:center; text-align:right; }
.greetings .cont .txtBox { flex-grow:1; position:relative; }
.greetings .cont.top .txtBox:before { content:''; z-index:-1; position:absolute; top:-1.875em; left:-2.250em; width:5.813em; height:4.375em; background:url(../images/sub/bg_greetings01.png) no-repeat 0 0; background-size:contain; }
.greetings .cont h5 { margin-top:1rem; margin-bottom:1.486em; line-height:1.2; word-break:keep-all; font-size:2.188em; }
.greetings .cont.top h5 br { display:none; }
.greetings .cont h5 span { display:block; margin-bottom:0.5rem; letter-spacing:-0.06em; font-weight:400; }
.greetings .cont .txtBox .txt { line-height:1.4; word-break:keep-all; font-size:1.125em; box-sizing:border-box; }
.greetings .cont .txtBox .txt + .txt { margin-top:1.444em; }
.greetings .cont.bt .txtBox .txt { position:relative; padding-bottom:3.222em; background:url(../images/sub/bg_greetings02.png) no-repeat right 0 bottom 0; background-size:5.813rem auto; }
.greetings .cont .greetingsImg { flex-shrink:0; }
.greetings .cont.top .greetingsImg { width:34.7369%; margin-left:13%; }
.greetings .cont.bt .greetingsImg { width:37.7328%; margin-right:10%; }
@media screen and (max-width:767px) {
    .gccfAbout .topImg::after { content:none; }
    .gccfAbout .stit { margin:0 0 1rem; }
    .gccfAbout h4 { font-size:1.727em; }
    .gccfAbout .aboutTxt { padding:0 2%; }
    .gccfAbout .aboutImg { margin-top:2.545em; }
	.gccfAbout .aboutImg .detail { flex-wrap:wrap; margin-top: 3em; }
	.gccfAbout .aboutImg .detail .item { width: 48.5%; margin-bottom: 1em; margin-left:3%; }
	.gccfAbout .aboutImg .detail .item:nth-child(3) { margin-left: 0; }
	.gccfAbout .aboutImg .detail .item h5,
	.gccfAbout .aboutImg .detail .item ul li { font-size: 1em; }
	.gccfAbout .aboutImg .detail .item h5 { min-height:6.091em; }
	.gccfAbout .aboutImg .detail .item ul { padding:0.5em 8%; }
	.gccfAbout .aboutImg .detail .item ul li { margin:0.727em 0; }
    .greetings .cont { display:block; margin-top:5em; }
    .greetings .cont.top::before { left:0; width:4.818em; }
    .greetings .cont h5 { margin-top:0; margin-bottom:1em; font-size:1.636em; }
    .greetings .cont h5 span { margin-bottom:0.455rem; letter-spacing:-0.03em; line-height:1.4; font-size:0.889em; }
    .greetings .cont .txtBox .txt { line-height:1.3; }
    .greetings .cont.top { display:flex; flex-direction:column; padding-top:2.182em; }
    .greetings .cont.top .txtBox { order:2; }
    .greetings .cont.top .txtBox:before { top:-2.182em; left:0; width:4.909em; height:3.636em; }
    .greetings .cont.top h5 br { display:inline; }
    .greetings .cont.top .greetingsImg { order:1; }
    .greetings .cont.top .greetingsImg,
    .greetings .cont.bt .greetingsImg { width:100%; margin:0 0 4em; }
    .greetings .cont.bt .txtBox { padding-top:4.364em; background:url(../images/sub/bg_greetings02.png) no-repeat right 0 top 0; background-size:4.909em auto; }
    .greetings .cont.bt .txtBox .txt { padding-bottom:0; background:none; }
}

/* 재단소개>재단연혁 */
.historyWrap { margin-top:3.500em; text-align:center; }
.historyWrap .history { display:inline-block; }
.historyWrap .history li { display:flex; position:relative; text-align:left; letter-spacing:-0.04em; }
.historyWrap .history > li::before { content:''; position:absolute; top:0.5em; left:7.750em; width:1px; height:calc(100% - 1em); background:#f4f9f2; }
.historyWrap .history > li { padding-top:3.750em; }
.historyWrap .history > li:first-child { padding-top:0; }
.historyWrap ul li .tit { width:8.750rem; color:#416b2f; text-align:left; font-weight:500; font-size:1.875em; }
.historyWrap ul li ul { display:block; position:relative; margin-top:0.375em; padding-left:3.125em; }
.historyWrap ul li ul::before { content:''; position:absolute; top:0; left:0; width:0.625em; height:0.625em; margin-left:-1.875em; border-radius:50%; border:9px solid #e0eed8; background:#85bb6c; }
.historyWrap ul li ul::after { content:''; position:absolute; top:0.875rem; left:0; width:38px; height:1px; border-top:1px dashed #4f733d; }
.historyWrap ul li ul li { margin-bottom:0.5rem; line-height:1.7; font-weight:300; font-size:1.125em; }
.historyWrap ul li ul b { flex-shrink:0; display:inline-block; margin-right:1em; font-weight:500; }
@media screen and (max-width:767px) {
    .historyWrap .history > li { display:block; margin-bottom:2.545em; padding-top:0; padding-left:3.636em; }
    .historyWrap .history > li::before { top:5px; left:0; width:7px; height:7px; border-radius:50%; border:4px solid #e0eed8; background:#85bb6c; }
    .historyWrap .history > li::after { content:''; position:absolute; top:12px; left:18px; width:1.818em; height:1px; border-top:1px dotted #4f733d; }
    .historyWrap ul li ul::before,
    .historyWrap ul li ul::after { content:none; }
    .historyWrap ul li .tit { font-size:1.636em; }
    .historyWrap ul li ul { margin-top:1em; padding-left:0; }
}

/* 재단소개>조직 및 업무 */
/*.orgChart .orgCon { display:none; }*/
.orgChart .orgList { position:relative; text-align:center; }
.orgChart .orgList::before { content:''; z-index:-1; position:absolute; top:0; left:50%; width:1px; height:19.6875em; background:#b2b2b2; }
.orgChart .orgList i { font-style:normal; }
.orgChart .orgList > li,
.orgChart .orgList > li > ol { margin-top:1.125em; }
.orgChart .orgList>li:first-child { padding-top:0; }
.orgChart .orgList p { display:inline-block; padding:0 0.400em 0.640em; background:#fff url(../images/sub/bg_org_chart.png) no-repeat left 0 bottom 0; background-size:contain; font-weight:600; font-size:1.563em; }
.orgChart .orgList p span,
.orgChart .orgList p a { display:block; width:12.800em; border-radius:2em; border:1px solid #000; line-height:3.600em; box-sizing:border-box; }
.orgChart .orgList .orgTop span { border:none; background:#000; color:#72ff6f; }
.orgChart .orgList .third { margin-top:1.625em; }
/*.orgChart .orgList .third > li { display:flex; flex-direction:column; position:relative; }
.orgChart .orgList .third > li::before { content:''; position:absolute; top:3.375em; left:50%; width:50%; height:1px; background:#b2b2b2; }
.orgChart .orgList .orgThird { align-self:flex-end; position:relative; padding:0.320em; border-radius:2em; border:1px solid #000; background:#fff; }
.orgChart .orgList .orgThird a::before { content:''; position:absolute; top:calc(50% - 0.640em/2); left:-0.320em; width:0.560em; height:0.560em; border-radius:50%; border:2px solid #fff; background:#000; box-sizing:border-box; }*/
.orgChart .orgList .forth { display:flex; justify-content:center; position:relative; margin-top:2.375em; }
.orgChart .orgList .forth::before { content:''; z-index:-1; position:absolute; top:2.750em; left:50%; width:50%; height:1px; background:#b2b2b2; transform:translateX(-50%); }
.orgChart .orgList .forth .forth1 { width:44.5%; }
.orgChart .orgList .forth .forth2 { width:55.5%; }
.orgChart .orgList .forth > li > .tab { display:inline-flex; justify-content:center; align-items:center; position:relative; width:12.800em; height:3.600em; border-radius:2em; font-weight:700; font-size:1.563em; box-sizing:border-box; }
.orgChart .orgList .forth1 > .tab { color:#222a38; }
.orgChart .orgList .forth2 > .tab { color:#3d3529; }
.orgChart .orgList .forth > li > .tab::before { content:''; position:absolute; bottom:-0.5rem; left:calc(50% - 0.0.438rem/2); width:0.875rem; height:0.875rem; border-radius:50%; border:2px solid #fff; box-sizing:border-box; }
.orgChart .orgList .forth > li > .tab::after { content:''; position:absolute; bottom:-2rem; left:calc(50% - 1px); width:1px; height:2rem; }
.orgChart .orgList .forth1 > .tab,
.orgChart .orgList .forth1 > .tab::after,
.orgChart .orgList .forth1 > .tab::before,
.orgChart .orgList .forth1 .fifth > li::after,
.orgChart .orgList .forth1 .fifth > li::before,
.orgChart .orgList .forth1 .fifth > li > a::before { background:#dde0e5; }
.orgChart .orgList .forth2 > .tab,
.orgChart .orgList .forth2 > .tab::after,
.orgChart .orgList .forth2 > .tab::before,
.orgChart .orgList .forth2 .fifth > li::after,
.orgChart .orgList .forth2 .fifth > li::before,
.orgChart .orgList .forth2 .fifth > li > a::before { background:#eadfd0; }
.orgChart .orgList .fifth { display:flex; justify-content:space-between; position:relative; margin:2em 0.375em 0; line-height:1.3; }
.orgChart .orgList .fifth a,
.orgChart .orgList .fifth li li { display:inline-block; margin:0 auto; padding:1rem 1.5rem; border-radius:2em; box-sizing:border-box; }
.orgChart .orgList .fifth > li { flex-grow:1; display:flex; flex-direction:column; position:relative; max-width:8em; height:100%; margin:0 0.125em; padding-top:2.750em; }
.orgChart .orgList .fifth > li::before { content:''; z-index:-1; position:absolute; top:0; left:calc(50% - 1px); width:1px; height:97%; }
.orgChart .orgList .fifth > li::after { content:''; z-index:-1; position:absolute; top:0; left:0; width:calc(100% + 0.5em); height:1px; }
.orgChart .orgList .fifth > li:first-child::after { left:50%; }
.orgChart .orgList .fifth > li:last-child::after { left:auto; right:50%; }
.orgChart .orgList .fifth > li > a { position:relative; min-height:10.909em; font-weight:500; writing-mode:vertical-lr; font-size:1.375rem; }
.orgChart .orgList .fifth > li > a::before { content:''; position:absolute; top:-0.5rem; left:calc(50% - 0.875rem/2); width:0.875rem; height:0.875rem; border-radius:50%; border:2px solid #fff; box-sizing:border-box; }
.orgChart .orgList .forth1 .fifth > li > a { border:1px solid #dde0e5; background:#f9f9f9; color:#394251; }
.orgChart .orgList .forth2 .fifth > li > a { border:1px solid #eadfd0; background:#faf5ef; color:#3d3529; }
.orgChart .orgList .fifth ul { display:flex; margin-top:2.375em; }
.orgChart .orgList .fifth ul li { min-width:9.500em; margin-top:0.25em; margin-right:0.250rem; border:1px solid #dde0e5; background:#fff; color:#58606d; white-space:nowrap; font-size:1.250em; }
.orgChart .orgList .fifth .left { flex-direction:row-reverse; margin-right:0.75rem; }
/*.orgChart .orgList .fifth .right { margin-left:0.75rem; }*/
.orgChart .tabList { margin-top:4.25em; padding:0; border:1px solid #000; text-align:center; }
.orgChart .tabList ul { display:flex; justify-content:center; align-items:center; }
.orgChart .tabList ul li { flex-grow:1; max-width:50%; border-left:1px solid #000; }
.orgChart .tabList ul li:first-child { border-left:none; }
.orgChart .tabList ul li a { display:block; padding:1.111em 0; font-size:1.125em; }
.orgChart .tabList ul li.active a { background:#000; color:#72ff6f; font-weight:500; }
.orgChart .orgTable { table-layout:fixed; width:100%; margin-top:3.625em; border-top:2px solid #000; }
.orgChart .orgTable tr { border-bottom:1px solid #ccc; }
.orgChart .orgTable th,
.orgChart .orgTable td { padding-top:0.824em; padding-bottom:0.824em; vertical-align:middle; text-align:center; line-height:1.3; font-weight:300; font-size:1.063em; }
.orgChart .orgTable td { padding-left: 0.625em; padding-right: 0.625em; word-break:keep-all; }
.orgChart .orgTable td[rowspan] { border-right:1px solid #ccc; }
.orgChart .orgTable td.AlignLeft { letter-spacing: -0.03em; }
.orgChart .orgTable .team { width:12.3em; }
.orgChart .orgTable .pos { width:5em; }
.orgChart .orgTable .nm { width:5.5em; }
.orgChart .orgTable .phone { width:10em; }
.orgChart .orgTable td .small { font-size:0.938rem; }
.orgChart .orgTable b { font-weight:500; }
.orgChart .orgTable td .listStyle { display:flex; flex-wrap:wrap; }
.orgChart .orgTable td .listStyle>li { margin:0.188em 0.188em 0.25em 0.188em; }
@media screen and (max-width:960px) {
	.orgChart .orgList { text-align:left; }
	.orgChart .orgList::before { left:8.182em; height:10em; }
	.orgChart .orgList p { text-align:center; font-size:1.364em; }
	.orgChart .orgList p span,
	.orgChart .orgList p a { width:11.333em; line-height:3.067em; }
	.orgChart .orgList .third { text-align:center; }
	/*.orgChart .orgList .third > li::before { top:2.636em; left:8.273em; width:calc(100% - 8.273em); }*/
	.orgChart .orgList .forth::before { top:2.091em; }
	.orgChart .orgList .forth > li > .tab { width:10.923em; font-size:1.182em; }
	.orgChart .orgList .forth .forth1 { margin-bottom:2.455em; }
	.orgChart .orgList .forth1 .fifth::before,
	.orgChart .orgList .forth2 .fifth::before { left:1.545em; width:calc(100% - 3.091em); }
	.orgChart .orgList .fifth { margin:2em 0 0; text-align:center; }
	.orgChart .orgList .fifth > li { display:flex; flex-direction:column; align-items: center; max-width:calc(25% - 0.182em); }
	.orgChart .orgList .fifth > li > a { padding:1rem 0.727rem; font-size:1em; }
	.orgChart .orgList .fifth ul { flex-wrap:wrap; margin-top:1em; }
	.orgChart .orgList .fifth ul li { min-width:auto; margin-right:0; padding:0.8em 1.5em; font-size:0.909em; }
	.orgChart .orgList .fifth .left { margin-right:0; }
	.orgChart .orgList .fifth .right { margin-left:0; }
    .orgChart .orgCon .blind { position:static; width:auto; height:auto; margin:3em 0 1em; clip:auto; font-weight:600; font-size:1.273em; }
	.orgChart .orgCon .orgCon .blind { font-weight:500; font-size:1em; }
	.orgChart .tabList { margin-top:1em; }
	.orgChart .scrollTblWrap .scrollTable { min-width:640px; }
	.orgChart .orgTable .moNone,
	.orgChart .orgTable colgroup { display:none; }
    .orgChart .orgTable { margin-top:1em; }
    .orgChart .orgTable th,
    .orgChart .orgTable td { word-break:break-all; font-size:1em; }
    .orgChart .orgTable thead th:last-child { }
	.orgChart .orgTable .team { width:5em; }
	.orgChart .orgTable th.pos[colspan] { width:15.5em; }
	.orgChart .orgTable .team2 { width:12em; }
	.orgChart .orgTable .pos { width:4em; }
	.orgChart .orgTable .pos2 { width:4em; }
	.orgChart .orgTable .nm { width:5em; }
	.orgChart .orgTable .phone { width:8em; }
	#org03 .orgTable,
	#org04 .orgTable,
	#org06 .orgTable { table-layout:auto; }
	#org03 .orgTable .team2,
	#org04 .orgTable .team2,
	#org06 .orgTable .team2 { width:16.5%; }
	#org03 .orgTable .pos2,
	#org04 .orgTable .pos2,
	#org06 .orgTable .pos2 { width:7.5%; }
	#org03 .orgTable .nm,
	#org04 .orgTable .nm,
	#org06 .orgTable .nm { width:9%; }
	#org03 .orgTable .phone,
	#org04 .orgTable .phone,
	#org06 .orgTable .phone { width:7em; }
}
@media screen and (max-width:340px) {
	.orgChart .orgList .fifth > li > a,
	.orgChart .orgList .fifth ul li { padding:1em 0.5em; }
}

/* 재단소개>BI소개 */
.gccfBi .biTit { margin-bottom:1.111em; letter-spacing:-0.03em; font-size:1.125em; }
.gccfBi .imgBox { display:flex; justify-content:center; align-items:center; margin-bottom:3.438em; border:1px solid #b0b0b0; box-sizing:border-box; }
.gccfBi .imgBox.pattern { background:url(../images/sub/bg_bi.jpg) repeat 0 0; background-size:2.188em auto; }
.gccfBi .biTitBox { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.375em; }
.gccfBi .biTitBox .cont { letter-spacing:-0.03em; line-height:1.4; font-size:0.938em; }
.gccfBi .biDown { display:flex; justify-content:center; margin-top:7.250em; }
.gccfBi .biDown li { margin:0 1%; }
.gccfBi .biDown li a { display:block; min-width:23.611em; padding-left:1.500em; padding-right:4.111em; background-repeat:no-repeat; background-position:right 1.889em top 50%; background-size:1.389em auto; letter-spacing:-0.03em; font-size:1.125em; box-sizing:border-box; }
.gccfBi .biDown li a span { display:block; padding:1.889em 0 1.889em 3.111em; background-repeat:no-repeat; background-position:0 50%; background-size:auto 2.667em; }
.gccfBi .biDown li.pdf a { border:1px solid #ff2020; background-image:url(../images/sub/icon_pdf_down.png); color:#ff4536; }
.gccfBi .biDown li.pdf a span { background-image:url(../images/sub/icon_pdf.png); }
.gccfBi .biDown li.ai a { border:1px solid #fd9325; background-image:url(../images/sub/icon_ai_down.png); color:#de521b; }
.gccfBi .biDown li.ai a span { background-image:url(../images/sub/icon_ai.png); }
@media screen and (max-width:767px) {
    .gccfBi .biTitBox { display:block; }
    .gccfBi .biDown { flex-direction:column; margin-top:3em;  }
    .gccfBi .biDown li { margin:0.364em 0; }
}

/* 재단소개>시설안내 */
.floorGuide .topTit { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.875em; }
.floorGuide .topTit h4 { font-weight:400; font-size:1.250em; }
.floorGuide .topTit div { display:flex; }
.floorGuide .topTit div a { display:inline-block; margin-left:0.625em; padding:0.688em 1.063em; border-radius:1.5em; border:1px solid #000; }
.floorGuide .floorSlider { margin-bottom:4.688em; }
.floorGuide .floorSlider .slick-arrow { overflow:hidden; display:inline-block; position:absolute; top:50%; width:1.063em; height:1.875em; margin-top:-0.938em; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; text-indent:-999px; z-index:2; }
.floorGuide .floorSlider .slick-arrow.slick-prev { left:3%; background-image:url(../images/sub/btn_floor_prev.svg); }
.floorGuide .floorSlider .slick-arrow.slick-next { right:3%; background-image:url(../images/sub/btn_floor_next.svg); }
.floorGuide .floorSlider .slick-dots { position:absolute; left:0; right:0; bottom:1.500rem; margin:0 auto; text-align:center; font-size:0; }
.floorGuide .floorSlider .slick-dots li { display:inline-block; margin:0 0.188em; font-size:1rem; }
.floorGuide .floorSlider .slick-dots li button { overflow:hidden; display:inline-block; width:0.688em; height:0.688em; border-radius:50%; background:rgba(255,255,255,0.5); text-indent:-999px; }
.floorGuide .floorSlider .slick-dots li.slick-active button { background:rgba(255,255,255,1); }
.floorGuide .floorCon .item { display:flex; }
.floorGuide .floorCon .item p.floor { flex-shrink:0; width:6.313rem; height:6.313rem; margin-right:2.125rem; border-radius:50%; background:#96c87f; color:#fff; text-align:center; line-height:3.367em; font-weight:900; font-size:1.875em; }
.floorGuide .floorCon .item .floorTxt { flex-grow:1; position:relative; max-width:calc(100% - 9.68rem); border-bottom:1px solid #cfd1ce; }
.floorGuide .floorCon .item .floorTxt .info { padding:2.250em 3.625em 2.625em 0; }
.floorGuide .floorCon .item .floorTxt .info .cont { display:flex; }
.floorGuide .floorCon .item .floorTxt .info .cont p.tit { min-width:7.313em; margin:0.5rem 0; padding-right:1.389em; color:#568142; letter-spacing:-0.03em; font-weight:700; font-size:1.125em; }
.floorGuide .floorCon .item .floorTxt .info .cont ul { display:flex; flex-wrap:wrap; }
.floorGuide .floorCon .item .floorTxt .info .cont ul li { position:relative; margin-top:0.5rem; margin-bottom:0.5rem; margin-right:0.556em; padding-right:0.667em; letter-spacing:-0.03em; font-size:1.125em; }
.floorGuide .floorCon .item .floorTxt .info .cont ul li::after { content:''; position:absolute; top:50%; right:0; width:1px; height:1rem; margin-top:-0.5rem; background:#c7c7c7; }
.floorGuide .floorCon .item .floorTxt .info .cont ul li:last-child { margin-right:0; padding-right:0; }
.floorGuide .floorCon .item .floorTxt .info .cont ul li:last-child::after { content:none; }
.floorGuide .floorCon .item .floorTxt .info .cont ul li.sm { margin-top:0.667em; color:#505050; font-size:0.938em; }
.floorGuide .floorCon .item .floorTxt .btnFloor { overflow:hidden; z-index:-1; display:inline-block; position:absolute; top:3.125em; right:0; width:24px; height:15px; background:url(../images/sub/btn_floor.svg) no-repeat 50% 5% / contain; text-indent:-999px; transform:rotate(180deg); transition:0.3s; }
.floorGuide .floorCon .item .floorTxt .btnFloor.active { transform:rotate(0deg); }
.floorGuide .floorCon .item .floorTxt .floorImg { display:none; padding:0 3%; text-align:right; }
@media screen and (max-width:767px) {
    .floorGuide .topTit { flex-direction:column; margin-bottom:2.455em; }
    .floorGuide .topTit h4 { margin-bottom:1.250em; font-size:1.455em; }
    .floorGuide .topTit div a { margin:0 0.5em; font-size:1.091em; }
    .floorGuide .floorSlider .slick-slide { overflow:hidden; position:relative; height:59.25vw; }
    .floorGuide .floorSlider .slick-slide img { display:block; position:absolute; top:0; left:50%;  max-width:none; height:100%; transform:translateX(-50%); }
    .floorGuide .floorCon .item { padding:1.35em 0; border-bottom:1px solid #cfd1ce; }
    .floorGuide .floorCon .item p.floor { width:5rem; height:5rem; margin-right:1.181rem; line-height:5rem; font-size:1.455em; }
    .floorGuide .floorCon .item .floorTxt { max-width:calc(100% - 6.818rem); border:none; }
    .floorGuide .floorCon .item .floorTxt .info { padding:0 2.727em 0 0; }
    .floorGuide .floorCon .item .floorTxt .info .cont { display:block; }
    .floorGuide .floorCon .item .floorTxt .info .cont + .cont { margin-top:1.364rem; }
    .floorGuide .floorCon .item .floorTxt .info .cont p.tit { min-width:auto; padding-right:0; }
    .floorGuide .floorCon .item .floorTxt .info .cont ul li { margin-top:0.182rem; margin-bottom:0.182rem; }
    .floorGuide .floorCon .item .floorTxt .floorImg { padding:1em 0 0; }
    .floorGuide .floorCon .item .floorTxt .btnFloor { top:0.5em; background-size:18px auto; }
    .floorGuide .floorCon .item .floorTxt .btnFloor.active { top:1em; }
}

/* 재단소개>오시는길, 주차안내 */
.locationMap .mapView { border:1px solid #b0b0b0; }
.locationMap .mapView #map { height:29.500em; }
.locationMap .mapCustom { position:absolute; left:50%; bottom:42px; width:280px; padding-bottom:28px; text-align:left; transform:translateX(-50%); }
.locationMap .mapCustom:after { content:''; position:absolute; bottom:0; left:50%; width:100%; height:28px; background:url(../images/sub/bg_map.png) no-repeat left bottom; background-size:100% auto; transform:translateX(-50%); }
.locationMap .mapCustom .info { overflow:hidden; border-radius:10px; background-color:#fff; -webkit-box-shadow:2px 2px 6px 0px rgba(0,0,0,0.3); box-shadow:2px 2px 6px 0px rgba(0,0,0,0.3); }
.locationMap .mapCustom .info .title { position:relative; padding:1em 1.111em; background:#000; color:#fff; font-size:1.125em; }
.locationMap .mapCustom .info .close { position:absolute; top:0;right:0; color:#888; width:45px; height:100% ;background:url(../images/sub/btn_map_close.png) center no-repeat; background-size:1.056em auto; }
.locationMap .mapCustom .info .close:hover { cursor:pointer; }
.locationMap .mapCustom .info .txtBox { padding:1.467em; color:#253985; line-height:1.4; letter-spacing:-0.04em; font-size:0.938em; }
.locationMap .mapView .address { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #b0b0b0; padding:0.938em 1.250em; }
.locationMap .mapView .address ul li { overflow:hidden; margin:0.471em 0; padding-left:1.765em; background-repeat:no-repeat; background-position:0 0.176em; background-size:auto 1.176em; line-height:1.3; letter-spacing:-0.03em; font-size:1.063em; }
.locationMap .mapView .address ul li.addr { background-image:url(../images/sub/icon_location.png); }
.locationMap .mapView .address ul li.tel { background-image:url(../images/sub/icon_phone.png); }
.locationMap .mapView .address ul li span { display:block; }
.locationMap .mapView .address ul li .tit { float:left; font-weight:500; }
.locationMap .mapView .address ul li .txt { margin-left:2.588em; }
.locationMap .mapView .lkGroup { display:flex; }
.locationMap .mapView .lkGroup a { overflow:hidden; display:inline-block; width:3.750em; height:3.750em; margin-left:0.625em; border-radius:1em; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; text-indent:-999px; box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.14); }
.locationMap .mapView .lkGroup .naver { background-image:url(../images/sub/icon_map_naver.png); }
.locationMap .mapView .lkGroup .kakao { background-image:url(../images/sub/icon_map_kakao.png); }
.locationMap .mapView .lkGroup .google { background-image:url(../images/sub/icon_map_google.png); }
.locationMap .routeGuid { letter-spacing:-0.03em; }
.locationMap .routeGuid p.tit { margin-top:3.000em; margin-bottom:1.100em; padding-left:1.750em; background-repeat:no-repeat; background-position:0 50%; background-size:1.438rem auto; font-weight:500; font-size:1.250em; }
.locationMap .routeGuid p.tit.car { background-image:url(../images/sub/icon_car.png); }
.locationMap .routeGuid p.tit.bus { background-image:url(../images/sub/icon_bus.png); }
.locationMap .routeGuid p.tit.subway { background-image:url(../images/sub/icon_subway.png); }
.locationMap .routeGuid .cont,
.locationMap .routeGuid .bus { padding-left:2.125em; }
.locationMap .routeGuid .listStyle { font-size:1.063em; }
.locationMap .routeGuid .bus .item { display:flex; margin-bottom:1.375em; }
.locationMap .routeGuid .bus .item .titBox { flex-shrink:0; display:flex; min-width:15.625em; padding-right:1.875em; }
.locationMap .routeGuid .bus .item .titBox .number { display:inline-block; margin:0.222em 0.556em 0.222em 0; padding:0.222em 0.500em; border-radius:0.5rem; background:#000; color:#fff; font-weight:500; font-size:1.125em; }
.locationMap .routeGuid .bus .item .titBox p { padding-top:0.5rem; font-weight:500; font-size:1.063em; }
.locationMap .routeGuid .bus .item .titBox > div { display:flex; flex-direction:column; }
.locationMap .routeGuid .bus .item ul li { overflow:hidden; margin:0.375em 0; }
.locationMap .routeGuid .bus .item ul li span { display:block; }
.locationMap .routeGuid .bus .item ul li .tit { display:block; float:left; padding:0.400em 0.667em; border-radius:1em; color:#fff; font-size:0.938em; }
.locationMap .routeGuid .bus .item ul li span.b1 { background:#2cb290; }
.locationMap .routeGuid .bus .item ul li span.b2 { background:#42b22c; }
.locationMap .routeGuid .bus .item ul li span.b3 { background:#ff3324; }
.locationMap .routeGuid .bus .item ul li span.b4 { background:#4980fc; }
.locationMap .routeGuid .bus .item ul li .txt { margin-left:3.250em; padding-top:0.235em; font-weight:300; font-size:1.063em; }
.locationMap .routeGuid .subwayImg { margin-top:1.500em; }
.locationMap .routeGuid .subwayImg ul { margin-top:-2em; margin-left:61.61533%; }
.locationMap .routeGuid .subwayImg ul li:nth-child(5) { margin-top:1.765em; }
.parkingGuide { margin-top:8.125em; padding:4.75em 2% 0; background-image:url(../images/sub/bg_parking2.jpg); background-repeat: no-repeat; background-position: 50% 0; background-size:auto 31.313em; text-align: right; letter-spacing: -0.03em; }
.parkingGuide .inner { display: inline-block; max-width:561px; padding:3.625em 3.375em; background: #fcf5ef; text-align: left; box-sizing:border-box; box-shadow: 0px 10px 20px 4px rgba(0,0,0,0.2); }
.parkingGuide .inner h4 { font-weight:400; font-size:1.688em; }
.parkingGuide .inner p { margin-top: 1rem; line-height:1.4; word-break:keep-all; font-weight:300; font-size:1.125em; }
.parkingGuide .inner p + p { margin-top:0.75rem; }
.parkingGuide .inner p i { display: inline-block; z-index: 1; position: relative; vertical-align: top; font-style:normal; }
.parkingGuide .inner p i::before { content:''; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.75rem; background:rgba(274,210,180,0.5); }
.parkingGuide .inner ul { display:flex; margin-top:1em; }
.parkingGuide .inner ul li { position:relative; margin-left:0.25em; padding-left:0.625em; color:#7d522e; font-weight: 700; font-size:1.25em; }
.parkingGuide .inner ul li:first-child { margin-left:0; padding-left:0; }
.parkingGuide .inner ul li::before { content:'/'; position:absolute; top:0; left:0; color: #000; font-weight: 400; }
.parkingGuide .inner ul li:first-child::before { content:none; }
@media screen and (max-width:767px) {
    .locationMap .mapView #map { height:97.222vw; }
    .locationMap .mapCustom { width:63.8888vw; padding-bottom:20px; }
    .locationMap .mapCustom:after { height:20px; }
    .locationMap .mapCustom .info .txtBox { font-size:1em; }
    .locationMap .mapView .address { display:block; }
    .locationMap .mapView .address ul li { padding-left:1.167em; font-size:1.091em; }
    .locationMap .mapView .lkGroup { margin-top:1.364em; }
    .locationMap .mapView .lkGroup a { margin-left:0; margin-right:1em; }
    .locationMap .routeGuid p.tit { margin-top:2.154em; margin-bottom:0.615em; }
    .locationMap .routeGuid .bus .item { display:block; }
    .locationMap .routeGuid .bus .item .titBox { padding-right:0; }
    .locationMap .routeGuid .bus .item .titBox p { font-size:1.091em; }
    .locationMap .routeGuid .bus .item ul li { line-height:1.6; }
    .locationMap .routeGuid .bus .item .titBox > div { flex-direction:row; }
    .locationMap .routeGuid .subwayImg ul { margin-top:2em; margin-left:0; }
	.parkingGuide { margin-top: 0; padding:15.455em 5.8% 0; background-image:url(../images/sub/bg_parking2_mo.jpg); background-size:100% auto; }
	.parkingGuide .inner { padding:2.728em 2.364em; }
	.parkingGuide .inner h4 { font-size:1.364em; }
	.parkingGuide .inner p { font-size: 1em; }
	.parkingGuide .inner p br.moNone { display: none; }
	.parkingGuide .inner ul li { font-size:1.091em; }
}

/* 공연·전시>예매안내 */
.ticketCont>div { display:flex; margin-top:5.750em; }
.ticketCont>div:nth-of-type(1) { margin-top:0; }
.ticketCont div h4 { flex-shrink:0; width:12.000rem; margin-top:0; padding-left:0.5rem; word-break:keep-all; line-height:1.6; }
.ticketCont div ul { flex-grow:1; }
.ticketCont div ul li:first-child { margin-top:0; }
.ticketCont .conTable td { padding:0.875rem 3rem; }
.ticketCont .conTable td:first-child { border-left:none; }
.ticketCont ul.noneBefore>li { position:relative; padding-left:1.222em; }
.ticketCont ul.noneBefore li span { display:inline-block; position:absolute; top:0; left:0; }
.ticketCont .listStyle>li { font-size:1.125em; }
.ticketCont .listStyle li ul { margin-bottom:1em; }
.ticketCont li a { color:#3173FD; font-weight:400; }
.ticketCont .listStyle>li { overflow:hidden; }
.ticketCont .listStyle>li>span { display:block; }
.ticketCont .listStyle>li>span.tit { float:left; }
.ticketCont .listStyle>li>span.txt { margin-left:4em; font-weight:300; }
@media screen and (max-width:767px) {
    .ticketCont>div { display:block; margin-top:3em; }
    .ticketCont div h4 { padding-left:0; }
    .ticketCont div h4 br { display:none; }
    .ticketCont .conTable td { padding:0.875rem 0; }
}
@media screen and (max-width:720px) {
    .tableDrag { display:block; border-top:1px solid #2c2c2c; text-align:center; font-size:1rem; }
    .tableDrag span { display:inline-block; padding-top:10px; padding-left:50px; background:url(../images/sub/icon_table_drag.png) no-repeat left 0 bottom 0; background-size:3.636em auto; }
    .scrollTblWrap { overflow-x:auto; }
    .scrollTblWrap .scrollTable { min-width:640px; }
}

/* 공연·전시>공연전시 안내 */
.scheduleWrap { max-width:1235px; margin:0 auto; }
.scheduleWrap span.type1,
.performList.listType .item a .type1 { border:1px solid #789bff; color:#3569ff; }/* 기획공연 */
.scheduleWrap span.type2,
.performList.listType .item a .type2 { border:1px solid #ff31c2; color:#ff31c2; }/* 대관공연 */
.scheduleWrap span.type3,
.performList.listType .item a .type3 { border:1px solid #ff6b31; color:#ff6b31; }/* 전시 */
.scheduleWrap.lesson span.type3,
.scheduleWrap.lesson .performList.listType .item a .type3 { border:1px solid #ae00ff; color:#b51fff; }/* 원데이 클래스 */
.scheduleWrap span[class*="type"] b { display:inline-block; position:relative; margin-left:4px; padding-left:4px; font-weight:500; }
.scheduleWrap span[class*="type"] b::before { content:''; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#9ab4ff; }
.scheduleWrap span.type2 b::before { background:#ff98e0; }/* 대관공연 */
.scheduleWrap span.type3 b::before { background:#ff6b31; }/* 전시 */
.scheduleWrap .listItem { position:relative; }
.scheduleWrap .listItem .progress,
.scheduleWrap .listItem .type { display:flex; align-items:center; z-index:0; position:absolute; top:-4.000em; }
.scheduleWrap .listItem .progress { left:0; }
.scheduleWrap .listItem .progress a { display:inline-block; margin-right:10px; border-radius:1em; line-height:32px; font-size:15px; }
.scheduleWrap .listItem .progress a.active { padding:0 1em; background:#000; color:#72ff6f; }
.scheduleWrap .listItem .type { right:0; }
.scheduleWrap .listItem .type a { overflow:hidden; display:inline-block; position:relative; width:32px; height:32px; margin-left:-1px; border:1px solid #000; text-indent:-999px; box-sizing:border-box; }
.scheduleWrap .listItem .type a.active { background:#000; }
.scheduleWrap .listItem .type a::before { content:''; position:absolute; top:50%; left:50%; height:14px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; transform:translate(-50%, -50%); }
.scheduleWrap .listItem .type a.gallery::before { width:14px; background-color:#000; background-image:url(../images/sub/bg_type_gall.png); }
.scheduleWrap .listItem .type a.gallery.active::before { background-color:#88ff85; background-image:url(../images/sub/bg_type_gall_on.png); }
.scheduleWrap .listItem .type a.list::before { width:16px; background-image:url(../images/sub/bg_type_list.png); }
.scheduleWrap .listItem .type a.list.active::before { background-image:url(../images/sub/bg_type_list_on.png); }
.scheduleWrap .scheduleSearch { display:flex; border-left:1px solid #bdbdbd; }
.scheduleWrap .scheduleSearch label { display:block; top:50%; padding-left:2.125em; transform:translateY(-50%); }
.scheduleWrap .scheduleSearch label::before,
.scheduleWrap .scheduleSearch .label::before { content:'·'; position:absolute; top:0; left:1.500em; }
.scheduleWrap .scheduleSearch .label::before { left:0; }
.scheduleWrap .scheduleSearch .selectbox { flex-shrink:0; width:12.97%; border-left:none; font-size:1rem; box-sizing:border-box; }
.scheduleWrap .scheduleSearch .selectbox:after { right:1.500em; }
.scheduleWrap .scheduleSearch .selectbox select { height:100%; }
.scheduleWrap .scheduleSearch .dateGroup { flex-shrink:0; display:flex; align-items:center; padding:0 1.500em; border:1px solid #bdbdbd; border-left:none; box-sizing:border-box; }
.scheduleWrap .scheduleSearch .dateGroup .btnDatePop,
.scheduleWrap .scheduleSearch .dateGroup .datePop h4,
.scheduleWrap .scheduleSearch .dateGroup .datePop .btnClose,
.scheduleWrap .scheduleSearch .dateGroup .datePop .btnDateSelect { display:none; }
.scheduleWrap .scheduleSearch .dateGroup .label { position:relative; padding-left:0.625em; padding-right:2.125em; }
.scheduleWrap .scheduleSearch .dateGroup .datePicker { width:7.286em; padding:0.571em 1.857em 0.571em 0; border:none; border-bottom:1px solid #929292; background:url(../images/sub/icon_calendar.png) no-repeat right 0 top 50%; background-size:1.286em auto; font-size:14px; }
.scheduleWrap .scheduleSearch .dateGroup span { display:inline-block; margin:0 0.625em; }
.scheduleWrap .scheduleSearch input.txt { flex-grow:1; width:100%; height:4.375em; padding-left:3.750em; border:1px solid #bdbdbd; border-left:none; background:url(../images/sub/btn_search.svg) no-repeat 1.500em 50%; background-size:1.125em auto; line-height:4.375em; box-sizing:border-box; }
.scheduleWrap .scheduleSearch .btnSchedule { flex-shrink:0; display:block; width:8.125em; height:4.375em; background:#000; color:#72ff6f; }
.scheduleWrap .alignItem { display:flex; justify-content:space-between; margin-top:1.750em; }
.scheduleWrap .alignItem .selectbox { height:2.429em; line-height:2.429em; font-size:14px; }
/* 앨범형 */
.scheduleWrap .performList { display:flex; flex-wrap:wrap; margin:2.000em -0.7% 0; }
.performList .item { width:23.4%; margin:0 0.8% 3.750em; box-sizing:border-box; }
.performList .item a { display:block; position:relative; text-align:center; }
.performList .item a span { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; }
.performList .item a .poster { position:relative; }
.performList .item a .img { overflow:hidden; position:relative; padding-top:133.4635%; }
.performList .item a .img img { z-index:-1; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.performList .item a .img::after { content:''; visibility:hidden; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; transition:0.4s; }
.performList .item a:hover .img::after,
.performList .item a:focus .img::after { visibility:visible; opacity:0.9; background:rgb(100,118,232); background: rgb(100,118,232); background: linear-gradient(330deg, rgba(100,118,232,1) 14%, rgba(222,90,200,1) 100%); }
.performList .item a p { position:absolute; top:0.625em; left:0.625em; }
.performList .item a .more { padding:0.400em 0.800em; border-radius:2em; border:none; color:#fff; text-align:center; font-size:0.938em; font-style:normal; }
.performList .item a span[class*="type_"] { display: inline-block; }
.performList .item .type_plan { background:rgba(120,155,255,0.85); }/* 기획공연 */
.performList .item .type_rental {background:rgba(255,49,194,0.85); }/* 대관공연 */
.performList .item .type_etc { background:rgba(255,107,49,0.85); }/* 전시 */
.performList .item a p span,
.performList .item a p i,
.performList .item a p b { display:none; }
.performList .item a p i { margin-top:2em; padding-top:6.000em; background:url(../images/main/btn_more.png) no-repeat 50% 0; background-size:5.000em auto; font-style:normal; font-size:1rem; font-family: 'LeferiPointSpecial', 'Noto Sans KR'; }
.performList .item a:hover p,
.performList .item a:focus p { display:flex; flex-direction:column; justify-content:center; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; }
.performList .item a:hover .more,
.performList .item a:focus .more { display: inline-block; z-index:1; position:relative; min-width:5.250em; margin:0.5em 0; padding:0 0.600em; border-radius:0; border:none; background:none; letter-spacing:-0.03em; font-weight:700; font-size:1.250em; box-sizing:border-box; }
.performList .item a:hover .more::before,
.performList .item a:hover .more::after,
.performList .item a:focus .more::before,
.performList .item a:focus .more::after { position:absolute; top:0; }
.performList .item a:hover .more::before,
.performList .item a:focus .more::before { content:'['; left:0; }
.performList .item a:hover .more::after,
.performList .item a:focus .more::after { content:']'; right:0; }
.performList .item a:hover p i,
.performList .item a:focus p i { display:block; }
.performList .item a .tit { overflow: hidden; margin-top:1.455em; white-space:nowrap; text-overflow:ellipsis; line-height:1.4; letter-spacing:-0.03em; font-size:1.375em; }
.performList .item a .price,
.performList .item a i.label { display:none; }
.performList .item a .date { margin-top:0.667em; color:#777777; font-weight:300; font-size:0.938em; }
.performList .item a .place { margin-top:0.875em; color:#6b4a32; }
.btnTicket { margin-top:1.250em; text-align:center; }
.btnTicket a { overflow:hidden; display:inline-block; position:relative; padding:0.688em 1.750em; border-radius:2em; border:1px solid #9d9d9d; background-color:#fff; color:#000; font-weight:500; box-sizing:border-box; }
.performList .item .btnTicket a { display:inline-block; }
.btnTicket a:hover,
.btnTicket a:focus { background:#000; color:#fff; transition:0.3s ease-in; }
.btnTicket span { display:inline-block; padding:0.688em 1.750em; border-radius:2em; background-color:#eaeaea; color:#777; }
.viewContent .btnTicket { margin-top:3em !important; }
.viewContent .btnTicket a { min-width:320px; height:3.600em; padding:1.200em 1em; font-size:1.250rem; }
/* 리스트형 */
.performList.listType { display:block; margin:2.500em 0 0; border-top:1px solid #000000; }
.performList.listType .item { position:relative; width:100%; margin:0; padding:1.750em; border-bottom:1px solid #e5e5e5; }
.performList.listType .item .btnTicket { position:absolute; bottom:1.875em; right:0; margin-top:0; }
.performList.listType .item>a { flex-grow:1; min-height:213px; padding-top:4px; padding-left:calc(160px + 3.250em); padding-right:6.250em; text-align:left; }
.performList.listType .item a .img::after { content:none; }
.performList.listType .item>a:hover .tit,
.performList.listType .item>a:focus .tit { text-decoration:underline; }
.performList.listType .item a .poster { position:static; }
.performList.listType .item a .img { position:absolute; top:0; left:0; width:160px; height:213px; padding-top:0; }
.performList.listType .item a .more { display:inline-block; visibility:visible; opacity:1; position:static; padding:7px 12px; border-radius:2em; transform:none; transition:none; text-align:center; font-weight:500; font-size:12px; }
.performList.listType .item a .more::before,
.performList.listType .item a .more::after { content:none; }
.performList.listType .item a .more i { display:none; }
.performList.listType .item a .more b { display:inline-block; }
.performList.listType .item a .tit { margin-top:0.500rem; margin-bottom:1.375rem; font-size:1.625em; }
.performList.listType .item a i.label { flex-shrink:0; display:inline-block; min-width:4.000em; padding-right:1em; color:#000; font-style:normal; box-sizing:border-box; }
.performList.listType .item a i.label::before { content:'·'; display:inline-block; margin-right:0.375rem; }
.performList.listType .item a .date,
.performList.listType .item a .price,
.performList.listType .item a .place  { display:block; margin:0.588em 0; color:#393939; font-weight:400; font-size:1.063em; }
@media screen and (max-width: 1024px) {
    .datepickers-container { z-index:9999; }
    .scheduleWrap .scheduleSearch { flex-wrap:wrap; }
    .scheduleWrap .listItem { display:flex; justify-content:space-between; margin-bottom:1.273em; }
    .scheduleWrap .listItem .progress,
    .scheduleWrap .listItem .type { position:static; }
    .scheduleWrap .listItem .progress a { margin-right:0.545em; line-height:2.091em; font-size:1em; }
    .scheduleWrap .listItem .type a { width:2.273em; height:2.273em; }
    .scheduleWrap .listItem .type a::before { height:1em; }
    .scheduleWrap .listItem .type a.gallery::before { width:1em; }
    .scheduleWrap .listItem .type a.list::before { width:1.091em; }
    .scheduleWrap .scheduleSearch .selectbox { flex-grow:1; width:33.33333%; min-height:3.818rem; border-bottom:none; box-sizing:border-box; }
    .scheduleWrap .scheduleSearch .dateGroup { flex-grow:1; width:33.33333%; padding:0; }
    .scheduleWrap .scheduleSearch .dateGroup .label,
    .scheduleWrap .scheduleSearch .dateGroup .datePop { display:none; }
    .scheduleWrap .scheduleSearch label { padding-left:1.667em; font-size:1.091em; }
    .scheduleWrap .scheduleSearch label::before { left:1.167em; }
    .scheduleWrap .scheduleSearch .dateGroup { border-bottom:none; border-right:1px solid #bdbdbd; }
    .scheduleWrap .scheduleSearch .dateGroup .btnDatePop { flex-grow:1; display:block; height:3.818rem; padding:0 1.167em; text-align:left; font-size:1.091em; }
    .scheduleWrap .scheduleSearch .dateGroup .btnDatePop span { display:block; position:relative; margin:0; padding-left:0.500em; padding-right:1.167em; }
    .scheduleWrap .scheduleSearch .dateGroup .btnDatePop span::before { content:'·'; position:absolute; top:0; left:0; }
    .scheduleWrap .scheduleSearch .dateGroup .btnDatePop span::after { content:''; position:absolute; top:50%; right:0; width:6px; height:6px; margin-top:-6px; border-top:2px solid #070707; border-right:2px solid #070707; -webkit-transform: rotate(135deg); transform: rotate(135deg); transition:0.3s; }
    .scheduleWrap .scheduleSearch .dateGroup .datePop { flex-direction:column; justify-content:center; align-items:center; z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.3); }
    .scheduleWrap .scheduleSearch .dateGroup .datePop .popWrap { display:flex; flex-wrap:wrap; align-items:center; position:relative; width:100%; max-width:400px; padding:3.091em 10% 3.455em; border-top-left-radius:3em; border-top-right-radius:3em; background-color:#fff; box-sizing:border-box; }
    .scheduleWrap .scheduleSearch .dateGroup .datePop .popWrap h4 { display:block; width:100%; margin-bottom:2.545rem; font-weight:500; font-size:1.455em; }
    .scheduleWrap .scheduleSearch .dateGroup .datePop .datePicker { width:45%; font-size:1.182em; }
    .scheduleWrap .scheduleSearch .dateGroup .datePop span { width:10%; margin:0; text-align:center; }
    .scheduleWrap .scheduleSearch .dateGroup .datePop .btnClose { display:block; position:absolute; top:2.272em; right:8%; }
    .scheduleWrap .scheduleSearch .dateGroup .datePop .btnClose button { overflow:hidden; display:block; width:35px; height:35px; background:url(../images/sub/icon_close.svg) no-repeat 50% 50%; background-size:12px auto; text-indent:-999px; }
    .scheduleWrap .scheduleSearch .dateGroup .datePop .btnDateSelect { display:block; width:100%; max-width:400px; }
    .scheduleWrap .scheduleSearch .dateGroup .datePop .btnDateSelect button { display:block; width:100%; padding:1.231em; background:#000; color:#72ff6f; font-size:1.273em; }
    .scheduleWrap .scheduleSearch input.txt { width:66.66667%; height:3.500em; padding-left:3.000em; border-left:none; background-position:1em 50%; line-height:3.500em; font-size:1.091em; }
    .scheduleWrap .scheduleSearch .btnSchedule { flex-grow:1; width:33.33333%; height:3.231em; font-size:1.182em; }
}
@media screen and (max-width: 960px) {
    .scheduleWrap .alignItem .selectbox { font-size:1em; }
    /*갤러리형*/
    .scheduleWrap .performList { margin:1.455em -0.1% 0; }
    .performList .item { width:47%; margin:0 1.5% 2.364em; }
    .performList .item a .tit { margin-top:1.286em; font-size:1.273em; }
    .performList .item a .date { font-size:1em; }
    /*리스트형*/
    .performList.listType .item a .tit { margin-top:0.286em; margin-bottom:0.857em; font-size:1.273em; }
    .performList.listType .item a .more { padding:0.500em 0.800em; font-size:0.909em; }
    .performList.listType .item a .date,
    .performList.listType .item a .price,
    .performList.listType .item a .place { margin:0.417em 0; font-size:1.091em; }
}
@media screen and (max-width: 767px) {
    /*리스트형*/
    .performList.listType .item { padding:1.455em 0; }
    .performList.listType .item>a { min-height:9.818em; padding-top:2px; padding-left:114px; padding-bottom:3.8em; }
    .performList.listType .item a .img { width:100px; height:auto; padding-top:0; }
    .performList.listType .item a .img img { position:static; transform:none; }
}

/* 공연·전시>공연전시 안내 - 상세 */
.scheduleWrap .scheduleInfo { display:flex; justify-content:space-between; max-width:1100px; margin:0 auto; }
.scheduleWrap .scheduleInfo .poster { overflow:hidden; flex-shrink:0; position:relative; width:43.63637%; text-align:center; }
.scheduleInfo .poster .label { position:absolute; top:0.75em; left:0.75em; }
.scheduleInfo .label span { display:inline-flex; padding:0.600em 0.800em; border-radius:2em; font-weight:500; font-size:0.938em; box-sizing:border-box; }
.scheduleInfo .label span b { margin-left:6px; padding-left:6px; }
.scheduleInfo .label span b::before { height:0.800em; margin-top:-0.400em; }
.scheduleWrap .scheduleInfo .infoArea { flex-grow:1; margin-left:7.81819%; }
.scheduleInfo .infoArea { position:relative; padding-bottom:9.375em; }
.scheduleInfo .infoArea h4 { min-height:2.629em; margin-top:0.229em; word-break:keep-all; letter-spacing:-0.04em; line-height:1.3; font-weight:500; font-size:2.188em; }
.scheduleInfo .infoArea ul { margin-top:1.000em; }
.scheduleInfo .infoArea ul li { overflow:hidden; margin:0.875em 0; line-height:1.3; }
.scheduleInfo .infoArea ul li span { display:block; font-size:1.125em; }
.scheduleInfo .infoArea ul li .tit { float:left; width:6.667em; }
.scheduleInfo .infoArea ul li .txt { margin-left:6.944em; font-weight:300; }
.scheduleInfo .btnTicket { position:absolute; bottom:0; left:0; width:100%; text-align:right; }
.scheduleInfo .btnTicket a { display:inline-block; width:50%; padding:1.350em 1em 1.300em; border-radius:0; background:#000; color:#72ff6f; text-align:center; font-weight:500; font-size:1.250em; box-sizing:border-box; }
.scheduleDetail { max-width:1100px; margin:6.250em auto 0; }
.scheduleDetail .tabBtn { display:flex; justify-content:center; align-items:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.scheduleDetail .tabBtn li { position:relative; margin-left:3.000em; padding-left:3.000em; }
.scheduleDetail .tabBtn li:first-child { margin-left:0; padding-left:0; }
.scheduleDetail .tabBtn li::before { content:''; position:absolute; top:50%; left:0; width:1px; height:1em; margin-top:-0.5em; background:#e5e5e5; }
.scheduleDetail .tabBtn li:first-child::before { content:none; }
.scheduleDetail .tabBtn li a { display:inline-block; padding-top:30px; padding-bottom:20px; font-weight:300; font-size:1.125em; }
.scheduleDetail .tabBtn li a span { display:block; position:relative; padding-bottom:0.444em; }
.scheduleDetail .tabBtn li a.on { font-weight:500; }
.scheduleDetail .tabBtn li a.on span::before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#000; }
.lesson .scheduleDetail .tabBtn li { width:33.33333%; }
.scheduleDetail .tabCon { min-height:9em; margin:4.375em auto; line-height:1.4; }
#scheduleDetail01 { text-align:center; }
#scheduleDetail03 { display:none; }
.scheduleDetail .videoWrap { position: relative; padding-top:56.25%; }
.scheduleDetail .videoWrap iframe,
.scheduleDetail .videoWrap video { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.scheduleWrap .attachFile { display:flex; max-width:1100px; margin:4.375em auto; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; }
.scheduleWrap .attachFile h5 { flex-shrink:0; display:flex; justify-content:center; align-items:center; width:33%; background:#fbfbfb; text-align:center; font-weight:400; font-size:1.125em; }
.scheduleWrap .attachFile ul { flex-grow:1; max-width:67%; padding:0.5em 2.000em; box-sizing:border-box; }
.scheduleWrap .attachFile ul li { margin:1.25em 0; padding-left:1.375rem; background:url(../images/sub/icon_attach.png) no-repeat 0 50%; background-size:auto 0.875rem; }
.scheduleWrap .attachFile ul li a { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; font-size:1.063em; }
.scheduleWrap .attachFile ul li a:hover,
.scheduleWrap .attachFile ul li a:focus { text-decoration:underline; }
.scheduleWrap .joinWrap { max-width:1100px; }
@media screen and (max-width: 767px) {
    .scheduleWrap .scheduleInfo { display:block; }
    .scheduleWrap .scheduleInfo .poster { width:100%; margin-bottom:2.727em; }
    .scheduleWrap .scheduleInfo .infoArea { margin-left:0; padding-bottom:0; }
    .scheduleInfo .infoArea h4 { min-height:auto; margin-top:0.556em; font-size:1.636em; }
    .scheduleInfo .infoArea ul { margin-top:1.818em; }
    .scheduleInfo .infoArea ul li span { font-size:1.182em; }
    .scheduleInfo .btnTicket,
    .lesson .scheduleInfo .btnTicket { position:static; margin-top:3.182em; }
    .scheduleInfo .btnTicket a { width:100%; }
    .scheduleDetail,
    .lesson .scheduleDetail { margin-top:4em; }
	.scheduleDetail .tabBtn li { margin-left:0.728em; padding-left:0.728em; }
    .scheduleDetail .tabBtn li a { padding-top:1.250em; padding-bottom:0.750em; letter-spacing: -0.03em; text-align: center; }
    .scheduleDetail .tabCon { margin:3em auto; }
    .scheduleDetail .tabCon img { width:auto !important; height:auto !important; }
}
@media screen and (max-width: 359px) {
	.scheduleDetail .tabBtn li { margin-left:5px; padding-left:5px; }
}

/* 문화예술교육>강좌안내 */
.scheduleWrap.lesson .performList.listType .item>a { min-height:308px; padding-left:calc(292px + 3.250em); }
.scheduleWrap.lesson .performList.listType .item a .tit { margin-top:1rem; }
.scheduleWrap.lesson .performList.listType .item a .img { width:292px; height:308px; border-radius:1em; }
.scheduleWrap.lesson .performList.listType .item a i.label { min-width:5.765em; }
.scheduleWrap.lesson .scheduleInfo .infoArea h4 { min-height:auto; margin-top:0.686em; margin-bottom:0.914em; }
.lesson .scheduleInfo .infoArea { padding-bottom:0; }
.lesson .scheduleInfo .btnTicket { position:static; margin-top:4.625em; }
.lesson .scheduleDetail { margin-top:5.125em; }
.scheduleWrap.lesson .performList.listType .item i.type3 { display:inline-block; position:absolute; top:0.400em; left:0.400em; padding:0.400em 0.800em; border-radius:2em; border:none; background:rgba(174,0,255, 0.75); color:#fff; font-size:0.938em; font-style:normal; }

/* 문화·축제>문화이벤트*/
.scheduleWrap.event .performList.listType .item>a { min-height:354px; padding-left:calc(279px + 3.250em); }
.scheduleWrap.event .performList.listType .item a .img { width:279px; height:354px; border-radius:1em; }
.scheduleWrap.event .performList.listType .item a .tit { overflow:hidden; margin-top:1rem; word-break:keep-all; text-overflow: ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media screen and (max-width: 960px) {
    .scheduleWrap.lesson .performList.listType .item>a,
    .scheduleWrap.event .performList.listType .item>a { padding-right:0; }
}
@media screen and (max-width: 767px) {
    .scheduleWrap.lesson .performList.listType .item>a,
    .scheduleWrap.event .performList.listType .item>a { min-height:105px; padding-left:114px; padding-bottom:3.8em; }
    .scheduleWrap.lesson .performList.listType .item a .tit { margin-top:0.5rem; }
    .scheduleWrap.lesson .performList.listType .item a .img,
    .scheduleWrap.event .performList.listType .item a .img { width:100px; height:auto; }
    .scheduleWrap.lesson .performList.listType .item a .img img { position:static; }
    .scheduleWrap.lesson .performList.listType .item i.type3 { left:2px; padding:3px 6px; }
}

/* 공연·전시>연간공연 */
.yearItems { display:flex; justify-content:flex-end; align-items:center; margin-bottom:2.500em; }
.yearItems button,
.yearItems a { overflow:hidden; display:inline-block; width:30px; height:30px; border-radius:50%; border:1px solid #d9d9d9; background-repeat:no-repeat; background-position:50% 50%; background-size:0.5em auto; text-indent:-999px; }
.yearItems .prev { background-image:url(../images/sub/arrow_left.svg); }
.yearItems .next { background-image:url(../images/sub/arrow_right.svg); }
.yearItems h4 { margin:0 0.667em; letter-spacing:-0.04em; font-size:1.875em; }
@media screen and (max-width: 960px) {
    .yearItems { justify-content:center; margin-bottom:2em; }
    .yearItems h4 { margin:0 1.316em; font-size:1.727em; }
    .yearItems button,
    .yearItems a { width:26px; height:26px; }
}

/* 공연·전시>좌석배치도 */
.seetPlan .seatImg { margin-top:7.500em; text-align:center; }
.seetPlan .seetInfo { display:flex; justify-content:space-between; margin-top:4.500em; padding-top:1em; border-top:1px solid #a7a7a7; }
.seetPlan .seetInfo .listStyle { padding-left:0.5em; }
.seetPlan .seetInfo .listStyle li { overflow:hidden; margin:0.700em 0; font-size:1.250em; }
.seetPlan .seetInfo .listStyle li span { display:block; }
.seetPlan .seetInfo .listStyle li .tit { float:left; }
.seetPlan .seetInfo .listStyle li .txt { position:relative; margin-left:4.300em; padding-left:0.700em; }
.seetPlan .seetInfo .listStyle li .txt::before { content:''; position:absolute; top:50%; left:0; width:1px; height:0.900em; margin-top:-0.450em; background:#666; }
.seetPlan .seetInfo .listStyle li i { display:inline-block; width:0.750em; height:0.900em; margin-top:0.250em; margin-right:0.300em; border-radius:0.200em; vertical-align:top; font-style:normal; }
.seetPlan .seetInfo .listStyle li i.red { background:#ff5a5a; }
.seetPlan .seetInfo .listStyle li i.green { background:#bbe375; }
.seetPlan .seetInfo .defaultBtn { margin-top:1em; }
.seetPlan .seetInfo .defaultBtn ul li.type2 { margin:0; margin-right:0.313em; }
.seetPlan .seetInfo .defaultBtn ul li.type2 a { min-width:auto; height:100%; padding:1.118em 1.647em; letter-spacing:-0.03em; font-weight:400; font-size:1.063em; }
.seetPlan .seetInfo .defaultBtn ul li.type2 a span { display:inline-block; }
.seetPlan .seetInfo .defaultBtn ul li.down a { overflow:hidden; min-width:auto; width:3.750rem; height:100%; min-height:3.438rem; padding:0; border:1px solid #000; background:url(../images/sub/icon_download.png) no-repeat 50% 50%; background-size:1.750rem auto; text-indent:-999px; box-sizing:border-box; }
@media screen and (max-width: 960px) {
    .seetPlan .seetInfo { display:block; }
    .seetPlan .seetInfo .listStyle { margin-bottom:3.636em; }
    .seetPlan .seetInfo .listStyle li { margin:0.538em 0; font-size:1.182em; }
    .seetPlan .seetInfo .defaultBtn ul li.type2 { flex-grow:1; width:calc(50% - 3.586rem); }
    .seetPlan .seetInfo .defaultBtn ul li.type2 a { padding:1.091em 0; font-size:1em; }
    .seetPlan .seetInfo .defaultBtn ul li.type2 span.size { }
    .seetPlan .seetInfo .defaultBtn ul li.down { flex-shrink:0; width:auto; }
    .seetPlan .seetInfo .defaultBtn ul li.down a { background-size:1.455rem auto; }
}
@media screen and (max-width: 767px) {
    .seetPlan .seatImg { margin-top:4.364em; }
}

/* 공연·전시>관람예절 */
.etiquetteCont { letter-spacing:-0.04em; }
.etiquetteCont h4.tit { margin-top:2.240em; padding-left:0.880em; background:url(../images/sub/bu_6p.svg) no-repeat 0 50%; background-size:0.240em auto; font-size:1.563em; }
.etiquetteCont ul { margin-left:1.250em; line-height:1.4; }
.etiquetteCont ul li { display:flex; flex-direction:column; justify-content:center; min-height:6.063em; margin:1.875em 0; padding-left:7.250em; background-repeat:no-repeat; background-position:0 50%; background-size:6.063em auto; }
.etiquetteCont ul li.i1 { background-image:url(../images/sub/icon_etiquette01.png); }
.etiquetteCont ul li.i2 { background-image:url(../images/sub/icon_etiquette02.png); }
.etiquetteCont ul li.i3 { background-image:url(../images/sub/icon_etiquette03.png); }
.etiquetteCont ul li.i4 { background-image:url(../images/sub/icon_etiquette04.png); }
.etiquetteCont ul li.i5 { background-image:url(../images/sub/icon_etiquette05.png); }
.etiquetteCont ul li.i6 { background-image:url(../images/sub/icon_etiquette06.png); }
.etiquetteCont ul li.i7 { background-image:url(../images/sub/icon_etiquette07.png); }
.etiquetteCont ul li.i8 { background-image:url(../images/sub/icon_etiquette08.png); }
.etiquetteCont ul li.i9 { background-image:url(../images/sub/icon_etiquette09.png); }
.etiquetteCont ul li.i10 { background-image:url(../images/sub/icon_etiquette10.png); }
.etiquetteCont ul li.i11 { background-image:url(../images/sub/icon_etiquette11.png); }
.etiquetteCont ul li.i12 { background-image:url(../images/sub/icon_etiquette12.png); }
.etiquetteCont ul li.i13 { background-image:url(../images/sub/icon_etiquette13.png); }
.etiquetteCont ul li p.stit { margin-bottom:0.556em; font-weight:500; font-size:1.125em; }
.etiquetteCont ul li p.txt { font-weight:300; }
@media screen and (max-width: 767px) {
    .etiquetteCont h4.tit { font-size:1.273em; }
    .etiquetteCont ul li { min-height:4.909em; margin:1.455em 0; padding-left:6.364em; background-size:4.909em auto; }
    .etiquetteCont ul li p.stit { margin-bottom:0.167em; }
}

/* 대관>대관안내>무대기술자료, 대관절차 */
.btnTechnic { margin-top:1.5em; text-align:center; }
.btnTechnic a { display:inline-block; padding:1.200em 1em; border:1px solid #3c3c3c; }
.btnTechnic a span { display:inline-block; padding-right:1.750rem; background:url(../images/sub/icon_download.png) no-repeat right 0 top 50%; background-size:1.125rem auto; }
.rentalStep > .titType1 { margin-bottom:3.000rem; font-size:1.563em; }
.rentalStep ol { display:flex; flex-wrap:wrap; position:relative; max-width:1100px; margin:0 auto; }
.rentalStep ol::before { content:''; z-index:1; position:absolute; top:50%; right:0; width:52px; height:80px;  margin-top:-40px; background:#fff url(../images/sub/bg_rental_step.png) no-repeat right 0 top 50%; background-size:contain; }
.rentalStep ol li { flex-grow:1; position:relative; width:25%; text-align:center; letter-spacing:-0.05em; box-sizing:border-box; }
.rentalStep ol li::before { content:''; position:absolute; left:50%; width:1.750em; height:1.750em; margin-left:-0.875em; border-radius:50%; border:1px solid #000; background:#fff url(../images/sub/bg_rental_step.svg) no-repeat 57% 50%; box-sizing:border-box; }
.rentalStep ol li:nth-child(-1n+4)::before { bottom:-0.875em; }
.rentalStep ol li:nth-child(-1n+4) { margin-bottom:78px; padding-bottom:1.625em; border-bottom:1px solid #b5b5b5; }
.rentalStep ol li:nth-child(1n+5) { padding-top:1.625em; border-top:1px solid #b5b5b5; }
.rentalStep ol li:nth-child(1n+5)::before { top:-0.875em; transform:rotate(180deg); }
.rentalStep ol li:nth-child(1) { order:1; }
.rentalStep ol li:nth-child(2) { order:2; }
.rentalStep ol li:nth-child(3) { order:3; }
.rentalStep ol li:nth-child(4) { order:4; }
.rentalStep ol li:nth-child(5) { order:7; }
.rentalStep ol li:nth-child(6) { order:6; }
.rentalStep ol li:nth-child(7) { order:5; }
.rentalStep ol li:nth-child(8) {  }
.rentalStep ol li p { padding-top:4.875rem; background-repeat:no-repeat; background-position:50% 0; background-size:auto 3.882em; font-size:1.063em; }
.rentalStep ol li p i { font-style:normal; font-weight:300; font-size:0.824em; }
.rentalStep ol li:nth-child(1) p { background-image:url(../images/sub/icon_rental_step01.png); }
.rentalStep ol li:nth-child(2) p { background-image:url(../images/sub/icon_rental_step02.png); }
.rentalStep ol li:nth-child(3) p { background-image:url(../images/sub/icon_rental_step03.png); }
.rentalStep ol li:nth-child(4) p { background-image:url(../images/sub/icon_rental_step04.png); }
.rentalStep ol li:nth-child(5) p { background-image:url(../images/sub/icon_rental_step05.png); }
.rentalStep ol li:nth-child(6) p { background-image:url(../images/sub/icon_rental_step06.png); }
.rentalStep ol li:nth-child(7) p { background-image:url(../images/sub/icon_rental_step07.png); }
.rentalStep ol li:nth-child(8) p { background-image:url(../images/sub/icon_rental_step08.png); }
.rentalStep .ticketCont { margin-top:6.125em; }
.rentalStep .ticketCont .defaultBtn a { color:#000; font-size:1.063em; }
.rentalStep .ticketCont .defaultBtn ul { justify-content:flex-start; flex-wrap:wrap; }
.rentalStep .ticketCont .defaultBtn ul li { margin:1px; }
@media screen and (max-width: 960px) {
    .rentalStep > .titType1 { margin-bottom:2.545rem; font-size:1.273em; }
    .rentalStep ol::before { content:none; }
    .rentalStep ol li { flex-grow:0; width:33.33333%; }
    .rentalStep ol li:nth-child(5) { order:5; }
    .rentalStep ol li:nth-child(6) { order:6; }
    .rentalStep ol li:nth-child(7) { order:7; }
    .rentalStep ol li:nth-child(8) { order:8; }
    .rentalStep ol li:nth-child(-1n+4),
    .rentalStep ol li:nth-child(1n+5) { margin-bottom:2em; padding:0; border:none; }
    .rentalStep ol li::before { width:1.455em; height:1.455em; background-size:0.455em auto; }
    .rentalStep ol li:nth-child(-1n+4)::before { bottom:auto; }
    .rentalStep ol li:nth-child(1n+5)::before { top:auto; transform:none; }
    .rentalStep ol li:nth-child(-1n+4)::before,
    .rentalStep ol li:nth-child(1n+5)::before { left:auto; top:1em; right:-0.727em; margin-left:0; }
    .rentalStep ol li:nth-child(3)::before,
    .rentalStep ol li:nth-child(7)::before { content:none; }
    .rentalStep ol li p { padding-top:4.364rem; background-size:auto 3.182rem; line-height:1.3; }
    .rentalStep ol li p i { display:block; font-size:1rem; }
}

/* 대관>대관안내>대관료계산기 */
.rentalStyle label i,
.rentalStyle .label i { font-style:normal; font-weight:300; }
.rentalStyle input.txt,
.rentalStyle input[class*="datePicker"] { min-width:auto; height:24px; margin:0; border:1px solid #e8e8e8; line-height:24px; text-indent:0.5em; font-size:0.938em; }
.rentalStyle .formGroup { padding:1.500em 0; border-top:1px solid #000; border-bottom:1px solid #d9d9d9; }
.rentalChoose { display:flex; margin-top:1.250em; }
.rentalChoose > div { display:flex; flex-direction:column; position:relative; width:31.7409%; }
.rentalChoose > div:nth-of-type(2) { margin:0 2.38865%; }
.rentalChoose div i { font-style:normal; }
.rentalChoose div label { order:2; display:block; width:100%; padding:1.667em 0; border:1px solid #b5b5b5; border-top:none; color:#888; text-align:center; font-size:1.125em; cursor:pointer; box-sizing:border-box; }
.rentalChoose div label span { display:inline-block; position:relative; padding-left:1.556em; }
.rentalChoose div label span i { display:inline-block;  margin-left:1rem; padding-left:1rem; border-left:1px solid #aaa; line-height:0.9; }
.rentalChoose div label span::before { content:''; position:absolute; top:0; left:0; width:1em; height:1em; border-radius:50%; border:1px solid #bbb; box-sizing:border-box; }
.rentalChoose div .img { order:1; border:1px solid #b5b5b5; border-bottom:none; }
.rentalChoose div label::before { content:none !important; }
.rentalChoose div input:checked + label { border-color:#000; color:#000; font-weight:500; }
.rentalChoose div input:checked + label span::before { border:none; background:#000 url(../images/use/bu_radio_on.png) no-repeat 50% 100%; background-size:contain; }
.rentalChoose div input:checked ~ .img { border-color:#000; }
.formGroup .radioList li { flex-grow:1; }
.rentalStyle .radioList li label { font-size:1.125em; }
.rentalDate { display:-ms-grid; display:grid; margin-top:1.500em; border-top:1px solid #e8e8e8; }
.rentalDate .item { display:-ms-grid; display:grid; -ms-grid-columns:1fr 1fr 3fr; grid-template-columns:1fr 1fr 3fr; align-items:center; padding:1.438em 0; border-bottom:1px solid #e8e8e8; }
.rentalDate .item:nth-of-type(1) { -ms-grid-row:1; -ms-grid-row-span:1; grid-row:1 / 2; }
.rentalDate .item:nth-of-type(2) { -ms-grid-row:2; -ms-grid-row-span:1; grid-row:2 / 3; }
.rentalDate .item:nth-of-type(3) { -ms-grid-row:3; -ms-grid-row-span:1; grid-row:3 / 4; }
.rentalDate .item:nth-of-type(4) { -ms-grid-row:4; -ms-grid-row-span:1; grid-row:4 / 5; }
.rentalDate .item:nth-of-type(5) { -ms-grid-row:5; -ms-grid-row-span:1; grid-row:5 / 6; }
.rentalDate .item:nth-of-type(6) { -ms-grid-row:6; -ms-grid-row-span:1; grid-row:6 / 7; }
.rentalDate .item .chkb { -ms-grid-column:1; -ms-grid-column-span:1; grid-column:1 / 2; width:10.750em; padding-left:2%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.rentalDate .item p.label { -ms-grid-column:2; -ms-grid-column-span:1; grid-column:2 / 3; text-align:right; }
.rentalDate .item p.label i { font-style:normal; font-weight:300; }
.rentalDate .item .inputGroup { -ms-grid-column:3; -ms-grid-column-span:1; grid-column:3 / 4; }
.rentalDate .item .inputGroup ul { display:flex; }
.rentalDate .item .inputGroup ul li { flex-grow:1; text-align:right; }
.rentalDate .item .inputGroup ul li label { margin-right:1.467em; }
.rentalDate .item .inputGroup ul li .txt { width:4.375em; text-align:center; text-indent:0; }
.rentalDate .item .inputGroup [class*="datePicker"] { max-width:11.333em; padding-right:1.600em; background:url(../images/sub/icon_calendar.png) no-repeat right 0.267em top 50%; background-size:1em auto; box-sizing:border-box; }
.rentalEtc { border-top:1px solid #000; }
.rentalEtc .item { display:flex; align-items:center; border-bottom:1px solid #e8e8e8; }
.rentalEtc .item h5.label { width:20%; padding-left:2.5%; box-sizing:border-box; }
.rentalEtc .item ul { flex-grow:1; max-width:80%; }
.rentalEtc .item ul li { display:-ms-grid; display:grid; -ms-grid-columns:2fr auto auto; grid-template-columns:2fr auto auto; justify-content:space-between; align-items:center; padding:1.563em 1em; border-top:1px solid #e8e8e8; -webkit-box-sizing:border-box; box-sizing:border-box; }
.rentalEtc .item ul li:first-child { border-top:none; }
.rentalEtc .item ul li .chkb { -ms-grid-column:1; -ms-grid-column-span:1; grid-column:1 / 2; -ms-grid-row:1; -ms-grid-row-span:1; grid-row:1 / 2; }
.rentalEtc .item ul li p.label { -ms-grid-column:2; -ms-grid-column-span:1; grid-column:2 / 3; -ms-grid-row:1; -ms-grid-row-span:1; grid-row:1 / 2; padding-left:0.400em; background:url(../images/sub/bu_3p.png) no-repeat 0 0.467em; }
.rentalEtc .item ul li .count { -ms-grid-column:3; -ms-grid-column-span:1; grid-column:3 / 4; -ms-grid-row:1; -ms-grid-row-span:1; grid-row:1 / 2; display:flex; align-items:center; }
.rentalEtc .item ul li .count .countBtn { display:inline-flex; margin:0 2.000em; }
.rentalEtc .item ul li .count .countBtn button { overflow:hidden; display:inline-block; width:30px; height:26px; border:1px solid #e8e8e8; background-repeat:no-repeat; background-position:50% 50%; background-size:0.800em auto; text-indent:-999px; box-sizing:border-box; }
.rentalEtc .item ul li .count .countBtn .minus { background-image:url(../images/use/icon_minus.svg); }
.rentalEtc .item ul li .count .countBtn .plus { background-image:url(../images/use/icon_plus.svg); }
.rentalEtc .item ul li .count .countBtn input.txt { width:2.667em; height:26px; border-left:none; border-right:none; line-height:26px; text-indent:0; text-align:center; }
.rentalEtc .item ul li .count .price { min-width:4.111em; color:#ff0018; text-align:right; font-weight:300; font-size:1.125em; }
.rentalEtc .item ul li .count .price b { font-weight:500; }
.rentalEtc .item ul li > a { -ms-grid-column:2; -ms-grid-column-span:1; grid-column:2 / 3; -ms-grid-row:1; -ms-grid-row-span:1; grid-row:1 / 2; display:inline-block; padding-bottom:1px; border-bottom:1px solid #000; font-size:0.938em; }
.rentalStyle .guideBox { margin:0.750em 0; padding:1.286em 1.429em; background:#f9f9f9; line-height:1.5; font-size:14px; }
.rentalStyle .guideBox ol > li { margin:2px 0; }
.rentalStyle .guideBox ol li > span { float:left; }
.rentalStyle .guideBox ol li ul { margin-left:6.286em; margin-bottom:0.5em; color:#4e4e4e; }
.btnCalc { margin-top:3.625em; text-align:center; }
.btnCalc a { display:inline-block; min-width:340px; border:1px solid #9d9d9d; font-size:1.250em; }
.btnCalc a span { display:inline-block; padding:1.200em 0 1.200em 1.250em; background:url(../images/use/icon_calculator.png) no-repeat 0 50%; background-size:0.750em auto; }
/* 프린트 영역 */
.rentalPrint { max-width:1235px; margin:6.250em auto 0; padding:4.500em 4% 3.375em; background-color:#fafbf5; }
.rentalPrint .printArea { position:relative; }
.rentalPrint .printBtn { position:absolute; top:0; right:0; }
.rentalPrint .printBtn button { overflow:hidden; display:inline-block; width:30px; height:30px; background:url(../images/sub/icon_print2.png) no-repeat 50% 50%; text-indent:-999px; background-size:1.813em auto; }
.rentalPrint h4 { margin-bottom:2.750rem; font-size:1.563em; }
.rentalPrint h4 span { font-weight:300; font-size:0.720em; }
.rentalPrint h5 { margin-top:4.875rem; padding-left:2rem; font-weight:500; }
.rentalPrint .total { display:flex; border-bottom:1px solid #afafab; }
.rentalPrint .total li { flex-grow:1; display:flex; flex-direction:column; padding-bottom:1.875rem; }
.rentalPrint .total li.blank { width:2%; border-top:none; }
.rentalPrint .total li span { display:block; font-weight:300; }
.rentalPrint .total li .tit { margin-bottom:1rem; padding-top:1.750rem; border-top:1px solid #afafab; font-weight:500; font-size:0.938em; }
.rentalPrint .total li .txt { font-size:1.125em; }
.rentalPrint .total li.price { width:15%; margin-left:8%; }
.rentalPrint .total li.price .txt { color:#ff0018; text-align:right; font-weight:300; font-size:1.563rem; }
.rentalPrint table { table-layout:fixed; width:100%; margin-top:1em; border-top:1px solid #7d7d7a; }
.rentalPrint table thead { border-bottom:1px solid #7d7d7a; }
.rentalPrint table tbody tr { border-top:1px solid #e1e1dc; }
.rentalPrint table tbody tr:first-child { border-top:none; }
.rentalPrint table th,
.rentalPrint table td { text-align:center; }
.rentalPrint table th { font-weight:500; }
.rentalPrint table thead th { padding:0.563em 0; }
.rentalPrint table td { padding:0.750em 1em; font-weight:300; }
.rentalPrint table thead th:first-child,
.rentalPrint table tbody td:first-child { padding-left:2rem; text-align:left; }
.rentalPrint table td p { padding:0.375em 0; }
.rentalPrint table .price { padding-right:2rem; text-align:right; }
.rentalPrint table tfoot { border-top:1px solid #7d7d7a; }
.rentalPrint table tfoot th { padding-left:2rem; color:#ff0018; text-align:left; }
.rentalPrint table tfoot .price { color:#ff0018; font-weight:300; font-size:1.563em; }
.rentalPrint .tblUnit { padding-right:2rem; font-size:0.875em; }
.rentalPrint .counterList { margin-top:3.625em; padding-top:1em; border-top:1px solid #e1e1dc; }
.rentalPrint .counterList>li { font-weight:400; font-size:0.875em; }
.rentalPrint .counterList>li::before { content:"0" counters(section, ".") "."; }
.rentalPrint .counterList>li ul { font-weight:300; }
.rentalPrint .counterList>li ul li { margin:0; }
@media screen and (max-width: 960px) {
    .rentalStyle input.txt,
    .rentalStyle input[class*="datePicker"] { font-size:1em; }
    .rentalDate .item { -ms-grid-columns:53% 47%; grid-template-columns:53% 47%; }
    .rentalDate .item .chkb { -ms-grid-row:1; -ms-grid-row-span:1; grid-row:1 / 2; }
    .rentalDate .item p.label { -ms-grid-column:1; -ms-grid-column-span:1; grid-column:1 / 2; -ms-grid-row:2; -ms-grid-row-span:1; grid-row:2 / 3; margin-top:6px; padding-left:1.818rem; text-align:left; font-size:1em; }
    .rentalDate .item .inputGroup { -ms-grid-column:2; -ms-grid-column-span:1; grid-column:2 / 3; -ms-grid-row:1; -ms-grid-row-span:3; grid-row:1 / 4; }
    .rentalDate .item .inputGroup ul { display:block; }
    .rentalDate .item .inputGroup ul li { margin:0.364em 0; }
    .rentalDate .item .inputGroup ul li label { margin-right:1em;}
    .rentalDate .item .inputGroup ul li .txt { width:7em; margin-right:3px; }
    .rentalDate .item.date { -ms-grid-columns:auto auto; grid-template-columns:auto auto; }
    .rentalDate .item .inputGroup input[class*="datePicker"] { width:45%; }
    .rentalEtc .item { display:block; }
    .rentalEtc .item h5.label { width:100%; padding-top:1.455em; padding-left:0; }
    .rentalEtc .item ul { max-width:none; }
    .rentalEtc .item ul li { -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; align-items:flex-start; padding:1.818em 0 0.909em; }
    .rentalEtc .item ul li .chkb { }
    .rentalEtc .item ul li p.label { -ms-grid-column:1; -ms-grid-column-span:1; grid-column:1 / 2; -ms-grid-row:2; -ms-grid-row-span:1; grid-row:2 / 3; margin-top:6px; padding-left:1.818em; background-position:1.563rem 50%; font-weight:400;}
    .rentalEtc .item ul li .count { -ms-grid-column:2; -ms-grid-column-span:1; grid-column:2 / 3; -ms-grid-row:1; -ms-grid-row-span:2; grid-row:1 / 3;justify-content:flex-end; }
    .rentalEtc .item ul li .count .countBtn { margin:0 1em 0 0; }
    .rentalEtc .item ul li .count .countBtn button { width:24px; height:24px; }
    .rentalEtc .item ul li .count .countBtn input.txt { height:24px; line-height:24px; }
    .rentalEtc .item.case ul li { display:block; text-align:right; }
    .rentalEtc .item.case ul li .chkb { text-align:left; }
    .rentalEtc .item ul li > a { font-size:1.091em; }
    .rentalStyle .guideBox { font-size:1em; }
    .rentalStyle .guideBox ol li > span { float:none; }
    .rentalStyle .guideBox ol li ul { margin-left:1.273em; }
    .btnCalc { margin-top:2em; }
    .btnCalc a { min-width:auto; width:100%; font-size:1.273em; }
    /* 프린트 영역 */
    .rentalPrint { padding:1.364em; }
    .rentalPrint h4 { padding-top:0.364rem; letter-spacing:-0.02em; font-size:1.455em; }
    .rentalPrint .total { flex-wrap:wrap; }
    .rentalPrint .total li { flex-grow:0; padding-bottom:1em; line-height:1.3; }
    .rentalPrint .total li:nth-child(1) { width:37%; }
    .rentalPrint .total li:nth-child(2) { width:18%; }
    .rentalPrint .total li:nth-child(3) { width:45%; }
    .rentalPrint .total li.price { flex-direction:row; align-items:flex-end; justify-content:space-between; width:100%; margin-left:0; padding-top:0.727em; border-top:1px solid #afafab; }
    .rentalPrint .total li .tit { padding-top:1em; font-size:1em; }
    .rentalPrint .total li .txt { word-break:keep-all; }
    .rentalPrint .total li.price .tit { margin-bottom:0; border-top:none; }
    .rentalPrint h5 { margin-top:3em; padding-left:0; font-size:1.091em; }
    .rentalPrint table thead th:first-child,
    .rentalPrint table tbody td:first-child,
    .rentalPrint table tfoot th { padding-left:0; }
    .rentalPrint table td { padding:0.750em 0.5em; }
    .rentalPrint table .price { padding-right:0; }
    .rentalPrint table td p { padding:2px 0; }
    .rentalPrint table tfoot .price { font-size:1.455em; }
    .rentalPrint .tblUnit { padding-right:0; font-size:1em; }
    .rentalPrint .counterList { margin-top:2.273em; padding-top:0; }
    .rentalPrint .counterList>li { font-size:1em; }
}
@media screen and (max-width: 767px) {
    .rentalChoose > div { width:32.5%; }
    .formStyle .rentalChoose div label { padding:0.636em 0; }
    .rentalChoose div label { font-size:1em; }
    .rentalChoose div label span { padding-top:1.667em; padding-left:0; }
    .rentalChoose div label span::before { left:50%; transform:translateX(-50%); }
    .rentalChoose div .img img { width:100%; }
    .rentalChoose div label span i { margin-left:0.273em; padding-left:0.273em; }
}
@media screen and (max-width: 359px) {
    .rentalChoose div label { min-height:5.364em; box-sizing:border-box; }
    .rentalChoose div label span { line-height:1.3; }
    .rentalChoose div label span i { display:block; margin-left:0; padding-left:0; border-left:none; }
    .rentalPrint h4 span { display:block; margin-top:6px;  }
}

/* 대관>대관신청 */
.agreementCon { text-align:center; }
.agreementCon .clauseWrap { display:inline-block; }
.agreementCon .clauseTxt { text-align:left; }
.agreementCon .clauseTxt .beforeNone>li { padding-left:0; }
.agreementCon .clauseTxt .beforeNone>li::before { content:none; }
.agreementCon .radioList { display:flex; justify-content:center; align-items:center; margin:1.75em 0 2.375em; }
.agreementCon .radioList .txt { margin-right:1em; color:#000; }
.agreementCon .radioList>div { position:relative; margin:0 0.750em; }
.agreementCon .radioList label { display:inline-block; padding:4px 0; line-height:20px; font-weight:300; cursor:pointer; }
.agreementCon .radioList label i { font-style:normal; }
.agreementCon .radioList label span { display:block; position:relative; padding-left:28px; }
.agreementCon .radioList label span::before { content:''; position:absolute; top:0; left:0; width:20px; height:20px; border:1px solid #dcdcdc; box-sizing:border-box; }
.agreementCon .radioList input { overflow:hidden; position:absolute; top:0; left:-9999px; width:1px; height:1px; margin-left:-1px; clip:rect(0,0,0,0); }
.agreementCon .radioList input:checked + label span::before { border:none; background:#000 url(../images/use/bu_radio_on.png) no-repeat 50% 50%; background-size:contain; }

/* Q&A 자주묻는 질문 */
.faqCon { margin-top:2.813em; border-top:1px solid #000; }
.faqCon i { font-style:normal; }
.faqCon .itemGroup { border-bottom:1px solid #ededed; }
.faqCon .itemGroup .btnFaq a { overflow:hidden; display:flex; align-items:center; padding:1.167em 0; line-height:1.4; font-weight:400; font-size:1.125em; }
.faqCon .itemGroup .btnFaq a .qTxt { flex-shrink:0; display:inline-block; position:relative; margin-right:0.750rem; margin-left:0.75rem; border-radius:50%; text-align:center; font-weight:700; font-size:1.188em; }
.faqCon .itemGroup .btnFaq a .qTxt::after { content:'.'; }
.faqCon .itemGroup .btnFaq a .txt { display:block; position:relative; width:100%; padding-right:3em; }
.faqCon .itemGroup .btnFaq a .txt:after { content:''; position:absolute; top:50%; right:1em; width:0.750rem; height:0.750rem; margin-top:-0.375rem; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(135deg); transition:0.3s; }
.faqCon .itemGroup .btnFaq.active a .txt:after { transform:rotate(-45deg); }
.faqCon .itemGroup .item { overflow:hidden; display:none; margin-bottom:1em; margin-left:3.125em; padding:1.375em; background-color:#f6f6f6; line-height:1.4; font-weight:300; }
.faqCon .itemGroup .item .aTxt { display:inline-block; float:left; color:#ff2f00; font-weight:700; font-size:1.313em; }
.faqCon .itemGroup .item .aTxt::after { content:'.'; }
.faqCon .itemGroup .item > div { margin-left:1.875rem; }
.faqWrap .noData { margin-top:0; }
@media screen and (max-width: 767px) {
    .agreementCon .radioList { flex-wrap:wrap; }
    .agreementCon .radioList .txt { width:100%; margin-right:0; text-align:center; }

    .faqCon { margin-top:0; }
    .faqWrap .boardInfo .infoCount { display:none; }
    .faqWrap .boardInfo ul { flex-wrap:wrap; }
    .faqWrap .boardInfo .selectbox { flex-grow:1; min-width:30%; margin-bottom:0.5em;  }
}

/* 사이트맵 */
.siteMapLayout > ul { display:flex; flex-wrap:wrap; }
.siteMapLayout > ul > li { width:23%; margin:0 1%; margin-bottom:3em; text-align:center; }
.siteMapLayout > ul > li h4 { margin-bottom:16px; font-size:1.25em; }
.siteMapLayout > ul > li h4 { padding:16px 0; border-radius:2em; background:#000; color:#72ff6f; text-align:center; font-weight:500; }
.siteMapLayout > ul > li > div > ul { display:inline-block; font-weight:300; font-size:1.063em; }
.siteMapLayout > ul > li > div > ul > li { position:relative; margin:12px 0; }
.siteMapLayout div ul ul { margin:12px 0 16px; font-size:1rem; }
.siteMapLayout div ul ul li { position:relative; margin:8px 0; }
@media screen and (max-width: 767px) {
    .siteMapLayout > ul > li { width:48%; }
}

/* 마이페이지>신청현황 */
.mypageLayout .iframeArea iframe { width:100%; height:94em; }
.layerConfirm { overflow-y:auto; display:none; z-index:50; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(000,000,000,0.5); }
.layerConfirm .popWrap { position:absolute; top:50%; left:50%; right:0; width:100%; max-width:700px; margin:0 auto; padding:4em 3em; transform:translate(-50%, -50%); border-radius:1em; background:#fff; box-sizing:border-box; }
.layerConfirm .popWrap .popCon .titType1 { margin-top:0; text-align:center; }
.layerConfirm .popWrap .popCon .conTxt b { color:#005bcb; font-weight:500; }
.layerConfirm .popWrap .popCon .conTable th { width:30%; }
.layerConfirm .popWrap .popCon .conTable td { text-align:left; }
@media screen and (max-width: 960px) {
    .layerConfirm .popWrap { padding:3em 7%; }
    .layerConfirm .popWrap .defaultBtn { margin-top:2em; }
}

/* 마이페이지>소셜계정 연동*/
.socialLogin { display:flex; margin-top:3.500em; }
.socialLogin .item { display:flex; width:50%; }
.socialLogin .item:nth-of-type(1) a { border-right:none; }
.socialLogin .item a { display:flex; justify-content:center; align-items:center; position:relative; width:100%; padding:6.563em 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center; box-sizing:border-box; }
.socialLogin .item a span { display:inline-block; padding-top:7.091em; background-repeat:no-repeat; background-position:50% 0; background-size:5.273em auto; letter-spacing:-0.04em; color:#555; font-size:1.375em; }
.socialLogin .item a span.naver { background-image:url(../images/use/icon_naver_lg.png); }
.socialLogin .item a span.kakao { background-image:url(../images/use/icon_kakao_lg.png); }
.socialLogin .item a span i { display:none; font-style:normal; }
.socialLogin .item a.on { background:#fff; color:#000; font-weight:500; }
.socialLogin .item a.on::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000; box-sizing:border-box; }
.socialLogin .item a.on span i { display:inline; }
@media screen and (max-width: 767px) {
    .socialLogin .item a { padding-top:3.273em; padding-bottom:2.545em; }
    .socialLogin .item a span { padding-top:4.000em; background-size:3.077em auto; font-size:1.182em; }
}

/* 소통공간>공고 */
.noticeStyle { padding-top:3.125em; background:url(../images/sub/bg_notice1.png) no-repeat left top, url(../images/sub/bg_notice2.png) no-repeat right 0 top 16.750em; background-size:5.938em auto, 3.188em auto; letter-spacing:-0.04em; line-height:1.4; }
.noticeStyle p { margin-top:1em; margin-bottom:1em; }
.noticeStyle b { font-weight:500; }
.noticeStyle .topTxt { margin-bottom:5.500em; text-align:center; }
.noticeStyle .topTxt p { margin:auto; }
.noticeStyle .topTxt .number { text-align:right; }
.noticeStyle .topTxt .number span { display:inline-block; padding:0.429em 1.429em; border-radius:2em; background-color:#f4f4f4; color:#646464; font-size:0.875em; }
.noticeStyle .topTxt .topTit { margin-top:1.914em; margin-bottom:1.143em; letter-spacing:-0.08em; font-size:2.188em; }
.noticeStyle .topTxt .topCon { margin-top:2.353em; margin-bottom:3.059em; padding:0 3%; color:#444; line-height:1.7; font-size:1.063em; }
.noticeStyle .topTxt .bold { font-size:1.188em; }
.noticeStyle .conBox { margin-bottom:4em; }
.noticeStyle a { text-decoration:underline; }
.noticeStyle h5 { display:flex; margin-top:2.100em; margin-bottom:1rem; font-size:1.250em; }
.noticeStyle h5 > span { display:inline-block; position:relative; margin-left:0.500em; padding-left:0.600em; font-weight:400; }
.noticeStyle h5 > span::before { content:''; position:absolute; top:0.300em; left:0; width:1px; height:1rem; background:#bdbdbd; }
.noticeStyle .noticeTbl { width:100%; margin:0.938em 0; margin-left:-1px; border-top:1px solid #000; }
.noticeStyle .noticeTbl thead th { padding:1rem 0; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f8f8f8; text-align:center; font-weight:500; font-size:1.125em; }
.noticeStyle .noticeTbl thead th:first-child { border-left:none; }
.noticeStyle .noticeTbl tbody th { padding:1rem 1.750rem; border-bottom:1px solid #e3e3e3; background-color:#f8f8f8; text-align:center; font-weight:500; }
.noticeStyle .noticeTbl tbody td { padding:1rem 1.750rem; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; vertical-align:middle; font-size:1.063em; }
.noticeStyle .noticeTbl tbody td:first-child { border-left:none; }
.noticeStyle li { margin:1em 0; }
.noticeStyle ul>li ul,
.noticeStyle ul>li ol,
.noticeStyle ol>li ul,
.noticeStyle ol>li ol { margin:0.5em 0; }
.noticeStyle ul>li li,
.noticeStyle ol>li li { margin:3px 0; }
.noticeStyle ul>li ul,
.noticeStyle ul>li ol,
.noticeStyle ol>li ul,
.noticeStyle ol>li ol { margin-left:0.375em; }
.noticeStyle .txtList>li { position:relative; padding-left:1.125em; font-weight:300; }
.noticeStyle .txtList>li>strong,
.noticeStyle .counterList>li>strong,
.noticeStyle .counterList>li::before { font-weight:500; }
.noticeStyle .txtList>li::before { content:''; position:absolute; top:0.625em; left:0.5em; width:4px; height:4px; border-radius:50%; background:#000; }
.noticeStyle .txtList2>li,
.noticeStyle ul>li>ul>li,
.noticeStyle ol>li>ul>li { position:relative; padding-left:1em; font-weight:300; }
.noticeStyle .txtList2>li::before,
.noticeStyle ul>li>ul>li::before,
.noticeStyle ol>li>ul>li::before { content:'-'; position:absolute; top:0; left:2px; }
.noticeStyle ol>li>ul>li>ul>li,
.noticeStyle ul>li>ul>li>ul>li { padding-left:0.625em; }
.noticeStyle ol>li>ul>li>ul>li::before,
.noticeStyle ul>li>ul>li>ul>li::before { content:'·'; left:0; }
.noticeStyle .noneList>li { padding-left:0 !important; }
.noticeStyle .noneList>li::before { content:none !important; }
.noticeStyle .noneList .pointTxt { margin-left:0.75em !important; }
.noticeStyle .msgBox { margin-top:0.75em; margin-bottom:1em; border:1px solid #e3e3e3; border-top:2px solid #000; }
.noticeStyle .msgBox .tit { margin-top:1em !important; font-weight:500; }
.noticeStyle .msgBox .tit:nth-of-type(1) { margin-top:0 !important; }
.noticeStyle .pointTxt { position:relative; padding-left:1.25em; }
.noticeStyle .pointTxt::before { content:'※'; position:absolute; top:0; left:0; }
.noticeStyle .sortList { display:flex; flex-wrap:wrap; margin:0.500em 0; }
.noticeStyle .sortList > li { position:relative; min-width:calc(20% - 1.750em); margin:0.625em 1.750em 0.625em 0; border:1px solid #e3e3e3; border-top:2px solid #000; text-align:center; box-sizing:border-box; }
.noticeStyle .sortList > li::before { content:'→'; position:absolute; top:50%; right:-1.375em; transform:translateY(-50%); font-weight:700; }
.noticeStyle .sortList > li:last-child { margin-right:0; }
.noticeStyle .sortList > li:last-child::before { content:none; }
.noticeStyle .sortList > li > b { display:block; padding:0.75em 1.125em; border-bottom:1px solid #000; font-weight:500; }
.noticeStyle .sortList > li > span { display:block; padding:0.75em 1.125em; }
.noticeStyle .buList > li {  position:relative; padding-left:1.375em; }
.noticeStyle .buList > li > i { display:inline-block; position:absolute; top:0; left:0; font-style:normal; }
.viewContent .viewContentInner .noticeStyle ul li p { margin:0.375em 0; }

/* 공고스타일 new */
.viewContent:has(.noticeCon) { padding-top:0; }
.noticeCon { padding-top:3.125em; background:url(../images/sub/bg_notice1.png) no-repeat left top, url(../images/sub/bg_notice2.png) no-repeat right 0 top 16.750em; background-size:5.938em auto, 3.188em auto; letter-spacing:-0.04em; line-height:1.4; }
.noticeCon b { font-weight:500; }
.noticeCon .topTxt { margin-bottom:5.500em; text-align:center; }
.noticeCon .topTxt p { margin:auto; }
.noticeCon .topTxt .number { text-align:right; }
.noticeCon .topTxt .number span { display:inline-block; padding:0.429em 1.429em; border-radius:2em; background-color:#f4f4f4; color:#646464; font-size:0.875em; }
.noticeCon .topTxt .topTit { margin-top:1.914em; margin-bottom:1.143em; letter-spacing:-0.08em; font-size:2.188em; }
.noticeCon .topTxt .topCon { margin-top:2.353em; margin-bottom:3.059em; padding:0 3%; color:#444; line-height:1.7; font-size:1.063em; }
.noticeCon .topTxt .bold { font-size:1.188em; }
.noticeCon .conBox { margin-bottom:4em; }
.noticeCon a { text-decoration:underline; }
.noticeCon h5 { margin-top:1.375rem; margin-bottom:0.75rem; font-weight:500; }
.noticeCon .noticeTbl { table-layout:fixed; width:100%; margin:1em 0; margin-left:-1px; border-top:1px solid #000; }
.noticeCon .noticeTbl thead th { padding:1rem 0; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f8f8f8; text-align:center; vertical-align: middle; font-weight:500; font-size:1.125em; }
.noticeCon .noticeTbl thead th:first-child { border-left:none; }
.noticeCon .noticeTbl tbody th { padding:1rem 1.750rem; border-bottom:1px solid #e3e3e3; background-color:#f8f8f8; text-align:center; font-weight:500; }
.noticeCon .noticeTbl tbody td { padding:1rem 1.750rem; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; vertical-align:middle; font-weight:300; font-size:1.063em; }
.noticeCon .noticeTbl tbody td:first-child { border-left:none; }
.noticeCon .noticeTbl .bdl { border-left:1px solid #e3e3e3 !important; }
.noticeCon h5 + ul,
.noticeCon h5 + ol { padding-left:1em; }
.noticeCon strong,
.noticeCon b { font-weight:500; }
.noticeCon li { margin:3px 0; font-weight:300; }
.noticeCon ul>li ul,
.noticeCon ul>li ol,
.noticeCon ol>li ul,
.noticeCon ol>li ol { margin-top:0.5em; margin-bottom:0.625em; }
.noticeCon ul>li ul,
.noticeCon ul>li ol,
.noticeCon ol>li ul,
.noticeCon ol>li ol { margin-left:0.375em; }
.noticeCon .txtList>li { position:relative; padding-left:0.875em; }
.noticeCon .txtList>li::before { content:'-'; position:absolute; top:0; left:0; width:auto; height:auto; border-radius:0; background:none; }
.noticeCon .txtList2>li { position:relative; padding-left:1em; font-weight:300; }
.noticeCon .txtList2>li::before { content:''; position:absolute; top:0.625em; left:0.125em; width:4px; height:4px; border-radius:50%; background:#000; }
.noticeCon ol>li>ul>li,
.noticeCon ul>li>ul>li { position:relative; padding-left:0.625em; }
.noticeCon ol>li>ul>li::before,
.noticeCon ul>li>ul>li::before { content:''; position:absolute; top:0.625em; left:1px; width:2px; height:2px; border-radius:50%; background:#000; }
.noticeCon .noneList>li { padding-left:0 !important; }
.noticeCon .noneList>li::before { content:none !important; }
.noticeCon .msgBox { margin-top:0.75em; margin-bottom:1em; border:1px solid #e3e3e3; border-top:2px solid #000; }
.noticeCon .msgBox .tit { margin-top:1em !important; font-weight:500; }
.noticeCon .msgBox .tit:nth-of-type(1) { margin-top:0 !important; }
.noticeCon .barTitBox { padding:0; }
.noticeCon .barTitBox .barTit { padding:.5em 1.25em; background:#e3e3e3; text-align:center; font-size:1.125em; }
.noticeCon .barTitBox ul { margin:1.25em; }
.noticeCon .point { position:relative; margin-top:0.375em; margin-bottom:0.375em; padding-left:1.25em; font-weight:300; }
.noticeCon .point::before { content:'※'; position:absolute; top:0; left:0; }
.noticeCon .sortList { display:flex; flex-wrap:wrap; margin:0.500em 0; }
.noticeCon .sortList > li { position:relative; min-width:calc(20% - 1.750em); margin:0.625em 1.750em 0.625em 0; border:1px solid #e3e3e3; border-top:2px solid #000; text-align:center; box-sizing:border-box; }
.noticeCon .sortList > li::before { content:'→'; position:absolute; top:50%; right:-1.375em; transform:translateY(-50%); font-weight:700; }
.noticeCon .sortList > li:last-child { margin-right:0; }
.noticeCon .sortList > li:last-child::before { content:none; }
.noticeCon .sortList > li > b { display:block; padding:0.75em 1.125em; border-bottom:1px solid #000; font-weight:500; }
.noticeCon .sortList > li > span { display:block; padding:0.75em 1.125em; }
.noticeCon .buList > li {  position:relative; padding-left:1.375em; }
.noticeCon .buList > li::before { content:none; }
.noticeCon .buList > li > i { display:inline-block; position:absolute; top:0; left:0; font-style:normal; }
.viewContent .viewContentInner .noticeCon ul li p { margin:0.375em 0; }
@media screen and (max-width: 767px) {
    .noticeStyle,
	.noticeCon { padding-bottom:5%; background-size:4em auto, 2.727em auto; font-size:12px; }
    .noticeStyle .topTxt,
	.noticeCon .topTxt { margin-bottom:4em; }
    .noticeStyle .topTxt .topTit,
    .noticeCon .topTxt .topTit { font-size:1.818rem; }
    .noticeStyle .topTxt .topCon br { display:none; }
}
@media screen and (max-width: 459px) {
	.noticeCon .topTxt .topTit br { display: none; }
}

/* 소통공간 > 월간일정 */
.monthly { }
.monthly .calendarBtn { display:flex; justify-content:center; align-items:center; margin-bottom: 2.813em; }
.monthly .calendarBtn button { overflow: hidden; display: inline-block; width: 40px; height: 40px; border-radius:50%; border:1px solid #e7e7e7; background-repeat: no-repeat; background-position: 50% 50%; background-size:0.625em auto; text-indent:-999px; }
.monthly .calendarBtn .prev { background-image: url(../images/sub/arrow-left.png); }
.monthly .calendarBtn .next { background-image: url(../images/sub/arrow-right.png); }
.monthly .calendarBtn h4 { margin:0 1.320em; font-size: 1.563em; }
.monthly .calendarItem { display:flex; justify-content:center; margin-bottom: 1.125em; }
.monthly .calendarItem li { margin:0 0.375em; }
.monthly .calendarItem li a { display:flex; justify-content:center; align-items:center; min-width:6.800em; padding:0.667em 1em 0.600em; border: 1px solid #d8d8d8; color: #4e4e4e; text-align: center; letter-spacing: -0.03em; font-weight: 500; font-size:0.938em; box-sizing:border-box; }
.monthly .calendarItem li a i { display: inline-block; width: 1rem; height: 1rem; margin-right: 0.625rem; border-radius:50%; }
.monthly .calendarItem li a .item1,
.monthly .calendarWrap table td .item1 a { background: #e24780; }
.monthly .calendarItem li a .item2,
.monthly .calendarWrap table td .item2 a { background: #4591fa; }
.monthly .calendarItem li a .item3,
.monthly .calendarWrap table td .item3 a { background: #3aa934; }
.monthly .calendarItem li.active a { border-color:#000; color: #000; font-weight: 700; }
.monthly .calendarWrap table { width: 100%; table-layout:fixed; }
.monthly .calendarWrap table th,
.monthly .calendarWrap table td { border: 1px solid #cfcfcf; }
.monthly .calendarWrap table thead { background: #f5f5f5; }
.monthly .calendarWrap table thead th { padding:1.188em 0; vertical-align: middle; font-weight: 400; }
.monthly .calendarWrap table td { height:8.500em; padding:0.625em; color: #114457; }
.monthly .calendarWrap table .red,
.monthly .calendarWrap table .red.blank { color: #dc3139; }
.monthly .calendarWrap table .blue,
.monthly .calendarWrap table .blue.blank { color: #097fc2; }
.monthly .calendarWrap table .blank { opacity:0.4; color: #666; }
.monthly .calendarWrap table td button.date { display: none; }
.monthly .calendarWrap table td p.date { margin-bottom: 1em; }
.monthly .calendarWrap table td a { overflow: hidden; display: block; margin:0.250em 0; padding:0.417em 0.545em 0.250em; color: #fff; white-space:nowrap; text-overflow:ellipsis; font-size: 12px; font-family:'Dotum', '돋움', 'Noto Sans KR'; }
.monthly .calendarWrap table td a:hover,
.monthly .calendarWrap table td a:focus { text-decoration:underline; }
.monthly .monthlyList { display: none; }
@media screen and (max-width: 960px) {
	.monthly .calendarItem { justify-content:space-between; margin-bottom:1.454em; }
	.monthly .calendarItem li { flex-grow:1; margin-right: 0; margin-left:2%; }
	.monthly .calendarItem li:first-child { margin: 0; }
	.monthly .calendarItem li a { min-width:auto; padding:0.727em 0 0.636em; letter-spacing: -0.05em; font-size: 1em; }
	.monthly .calendarItem li a i { margin-right:0.363rem; }
	.monthly .calendarWrap table thead th { padding:0.727em 0 0.454em; }
	.monthly .calendarWrap table thead th span { overflow: hidden; display: inline-block; width:1em; white-space:nowrap; }
	.monthly .calendarWrap table td { height:3.090em; padding: 0 0 0.545em; text-align: center; }
	.monthly .calendarWrap table td.blank { padding:0.363em 0.454em 0.545em; text-align: left; }
	.monthly .calendarWrap table td p.date { display: none; }
	.monthly .calendarWrap table td button.date { display: block; width: 100%; padding:0.363em 0.363em 0.454em; text-align: left; }
	.monthly .calendarWrap table td [class*="item"] { overflow: hidden; display: inline-block; width: 0.727em; height: 0.727em; margin:0 0.5%; border-radius:50%; vertical-align: bottom; text-indent:-999px; }
	.monthly .calendarWrap table td [class*="item"] a { display: none; }
	.monthly .calendarWrap table td .item1,
	.monthly .monthlyList ul li a .item1 { background: #e24780; }
	.monthly .calendarWrap table td .item2,
	.monthly .monthlyList ul li a .item2 { background: #4591fa; }
	.monthly .calendarWrap table td .item3,
	.monthly .monthlyList ul li a .item3 { background: #3aa934; }
	.monthly .monthlyList { display: block; margin-top:2.909em; }
	.monthly .monthlyList .noData { margin-top: 0; border-bottom: none; }
	.monthly .monthlyList h4 { padding:1rem 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; color: #363636; text-align: center; font-weight: 400; font-size:1.181em; }
	.monthly .monthlyList h4 b { color: #000; font-weight: 700; }
	.monthly .monthlyList ul li { border-bottom: 1px solid #e1e1e1; }
	.monthly .monthlyList ul li a { display: block; padding:1em 2.727em 1em 0.727em; background:url(../images/sub/arrow_calendar.png) no-repeat right 1.090em top 50%; background-size:auto 1.363em; }
	.monthly .monthlyList ul li a span { display: block; }
	.monthly .monthlyList ul li a .place { margin-bottom:0.727em; color: #e24780; }
	.monthly .monthlyList ul li a .place i { display: inline-block; margin-right: 0.3em; padding:0.3em 0.6em 0.5em; color: #fff; letter-spacing: -0.05em; font-style:normal; font-size: 0.909em; }
	.monthly .monthlyList ul li a .tit { overflow: hidden; color: #393939; white-space:nowrap; text-overflow:ellipsis; font-weight: 500; font-size: 1.181em; }
	.monthly .monthlyList ul li a .date { margin-top:0.454em; color: #888; }
}

/* 아카이브 */
.archiveView .imgList { display:flex; flex-wrap:wrap; }
.archiveView .imgList li { width:31.4%; margin-right: 2.9%; margin-bottom: 3.5em; }
.archiveView .imgList li:nth-child(3n) { margin-right: 0; }
.archiveView .imgList li a { display: block; text-align: center; }
.archiveView .imgList li a span { display: block; }
.archiveView .imgList li a .img { overflow:hidden; display:block; position:relative; padding-top:66.6667%; border:1px solid #d3d3d3; background-color: #f3f3f3; }
.archiveView .imgList li a .img img { display:block; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center center; }
.archiveView .imgList li a:hover .img::before { content:''; z-index:1; position:absolute; top:0; left:0; opacity:0.7; width:100%; height:100%; background:#000; box-sizing:border-box; transition:0.3s; }
.archiveView .imgList li a .img i { display: none; z-index: 2; position: absolute; top:50%; left: 0; width: 100%; padding-top:6.000em; transform:translateY(-50%); background:url(../images/main/btn_more.png) no-repeat 50% 0; background-size:5.000em auto; color: #fff; font-style:normal; font-size:1rem; box-sizing:border-box; }
.archiveView .imgList li a .img:hover i,
.archiveView .imgList li a .img:focus i { display:block; }
.archiveView .imgList li a .tit { margin-top: 0.875rem; font-size: 1.125em; }
.archiveView .imgList li a .file { overflow: hidden; position: relative; padding-top:66.6667%; background:#f3f3f3 url(../images/sub/bg_board_file.png) no-repeat 50% 35%; background-size:3.375em auto; }
.archiveView .imgList li a .file i { display: inline-block; z-index:1; position: absolute; bottom: 0; left:50%; padding-top:1.5rem; padding-bottom:1.5rem; padding-right:2rem; transform:translateX(-50%); color: #fff; font-style:normal; font-size: 1.125em; }
.archiveView .imgList li a .file i::before { content:''; z-index: -1; position: absolute; top: 0; left:-500%; width: 1000%; height:100%; background:#424768; }
.archiveView .imgList li a .file i::after { content:''; position: absolute; top: 0; right: 0; width:1.278em; height:100%; background:url(../images/sub/icon_file_download.png) no-repeat 50% 50% / contain; }
.archivePop { overflow-y:auto; display:none; z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.20); }
.archivePop .popWrap { position:relative; height:100%; max-height:100%; margin:0 auto; padding:6em 7.813em 10.375em; background:#fff; box-sizing:border-box; }
.archivePop .popWrap .archiveSlider,
.archivePop .popWrap .archiveSlider .slick-list,
.archivePop .popWrap .archiveSlider .slick-track,
.archivePop .popWrap .archiveSlider .slick-slide { height: 100%; }
.archivePop .popWrap .archiveSlider li { text-align: center; }
.archivePop .popWrap .archiveSlider .slick-slide a { display:flex; flex-direction:column; justify-content:center; align-items:center; height: 100%; }
.archivePop .popWrap .archiveSlider li .img { overflow:hidden; display:block; position:relative; margin-bottom:1em; border-radius:0.625rem; }
.archivePop .popWrap .archiveSlider li .img img { display:inline-block; position:static; object-fit:contain; max-height:calc(100vh - 20em); border-radius:0.625rem; }
.archivePop .popWrap .archiveSlider li .tit { display:block; font-weight:500; font-size:1.125em; }
.archivePop .popWrap .archiveSlider .slick-arrow { overflow:hidden; display: inline-block; position: absolute; top:40%; width:2.813em; height:2.813em; border-radius:50%; border:1px solid #000; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:0.563em auto; text-indent:-999px; }
.archivePop .popWrap .archiveSlider .slick-prev { left:-5.563em; background-image:url(../images/sub/arrow-left.png); }
.archivePop .popWrap .archiveSlider .slick-next { right:-5.563em; background-image:url(../images/sub/arrow-right.png); }
.archivePop .popWrap .archiveSlider .slick-arrow.slick-disabled,
.archivePop .popWrap .archiveSlider .slick-arrow.slick-arrow.slick-hidden { display: none !important; }
.archivePop .popWrap .btnList { display:flex; justify-content:center; position:absolute; left:0; right:0; bottom:3em; margin:0 auto; border-top:none; }
.archivePop .popWrap .btnList li { margin:0 0.125em; }
.archivePop .popWrap .btnList li a,
.archivePop .popWrap .btnList li button { display:inline-flex; justify-content:center; align-items:center; width:10.455em; height:2.727em; font-size:1.375em; box-sizing:border-box; }
.archivePop .popWrap .btnList li .type1 { border: 1px solid #B4B4B4; background:#fff; color:#2B2B2B; }
.archivePop .popWrap .btnList li .type2 { background:#9F4191; color:#fff; }
@media screen and (max-width: 960px) {
	.archiveView .imgList li { width:48%; margin:0 1% 1.636em; }
	.archiveView .imgList li:nth-child(3n) { margin:0 1% 3em; }
	.archiveView .imgList li a .tit { font-size: 1em; }
	.archiveView .imgList li a .img i { padding-top: 4em; background-size:3em auto; }
	.archiveView .imgList li a .file { background-position:50% 28%; background-size:2.364em auto; }
	.archiveView .imgList li a .file i { padding-top: 1em; padding-bottom: 1em; padding-right:1em; font-size: 1em; }
	.archiveView .imgList li a .file i::after { right: -0.5em; width: 1em;  }
}
@media screen and (max-width: 767px) {
	.archivePop .popWrap { display:flex; align-items:center; padding:2.364em 3.455em 6.6em; }
	.archivePop .popWrap .archiveSlider, 
	.archivePop .popWrap .archiveSlider .slick-list, 
	.archivePop .popWrap .archiveSlider .slick-track, 
	.archivePop .popWrap .archiveSlider .slick-slide { width: 100%; height: auto; }
	.archivePop .popWrap .archiveSlider .slick-arrow { z-index: 5; position:fixed; top:calc(50% - 37px); width:24px; height:24px; }
	.archivePop .popWrap .archiveSlider .slick-prev { left:0.909em; }
	.archivePop .popWrap .archiveSlider .slick-next { right:0.909em; }
	.archivePop .popWrap .archiveSlider .slick-slide a { display: block; height: auto; }
	.archivePop .popWrap .archiveSlider li .img { height:auto; margin-bottom:1em; }
	.archivePop .popWrap .archiveSlider li .img img { object-fit:initial; max-height:calc(100vh - 15em); }
	.archivePop .popWrap .btnList { bottom:2em; }
	.archivePop .popWrap .btnList li { width:50%; margin:0; }
	.archivePop .popWrap .btnList li a,
	.archivePop .popWrap .btnList li button { width:100%; height:2.917em; font-size:1.091em; }
}

/* 예술인 DB */
.btnArtist { position: relative; margin-bottom:3.75em; }
.btnArtist a { display: inline-block; position:absolute; top: -6.25em; right: 0; width:13.375em; padding:1em 0; border-radius:2em; background: #000; color: #fff; text-align:center; }
.scheduleWrap.art .posterSlider .slick-slide img { object-fit:contain; max-height:42.4375em; margin:0 auto; }
.scheduleWrap.art .posterSlider .slick-dots { margin-top: 0.75rem; text-align: center; font-size: 0; }
.scheduleWrap.art .posterSlider .slick-dots li { display: inline-block; margin:0 3px; vertical-align: top; font-size: 1rem; }
.scheduleWrap.art .posterSlider .slick-dots li button { overflow: hidden; display: inline-block; width: 12px; height: 12px; border-radius:50%; background-color:#000; text-indent:-9999px; box-sizing:border-box; }
.scheduleWrap.art .posterSlider .slick-dots li.slick-active button { border: 3px solid #000; background-color:#fff; }
.artistWrap .scheduleInfo { display:flex; justify-content:space-between; }
.scheduleWrap.art .scheduleInfo .infoArea { padding-bottom: 0; }
.scheduleWrap.art .label span { min-width:4.25em; margin-right: 0.25em; text-align: center; }
.scheduleWrap.art .label span.type4 { border: 1px solid #452dd6; color: #452dd6; }
.scheduleWrap.art .label span.type5 { border: 1px solid #1eab64; color: #1eab64; }
.scheduleWrap.art .scheduleInfo .infoArea h4 { margin-top:0.571em; }
.scheduleWrap.art .scheduleInfo .infoArea ul li .txt a { display: inline-block; word-break:break-all; }
.scheduleWrap.art .scheduleDetail { padding-top: 4.5em; border-top: 1px solid #e5e5e5; }
.scheduleWrap.art .profileCon { line-height: 1.55; white-space:pre-wrap; word-break:keep-all; font-weight: 300; }
.scheduleWrap.art .defaultBtn { margin-top:7em; }
@media screen and (max-width:767px) {
	.btnArtist { position:static; margin-bottom:2em; text-align: right; }
	.btnArtist a { position:static; font-size:1.091em; }
	.scheduleWrap.art .posterSlider .slick-slide img { max-height:453px; }
}

/* 문화사업 */
.culturalBiz { line-height: 1.5; }
.culturalBiz .visualText { background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; display:flex; justify-content:center; align-items:center; min-height:11.375em; text-align: center; color: #fff; }
.culturalBiz .visualText.i1 { background-image:url(../images/sub/bg_cultural_biz1.jpg); }
.culturalBiz .visualText.i2 { background-image:url(../images/sub/bg_cultural_biz2.jpg); }
.culturalBiz .visualText.i3 { background-image:url(../images/sub/bg_cultural_biz3.jpg); }
.culturalBiz .visualText.i4 { background-image:url(../images/sub/bg_cultural_biz4.jpg); }
.culturalBiz .visualText.i5 { background-image:url(../images/sub/bg_cultural_biz5.jpg); }
.culturalBiz .visualText.i6 { background-image:url(../images/sub/bg_cultural_biz6.jpg); }
.culturalBiz .visualText.i7 { background-image:url(../images/sub/bg_cultural_biz7.jpg); }
.culturalBiz .visualText p { font-weight: 500; font-size: 1.5em; word-break:keep-all; letter-spacing: -0.03em; }
.culturalBiz i.ico { display:inline-flex; justify-content:center; align-items:center; background-repeat: no-repeat; background-position: 50% 50%; background-size:contain; }
.culturalBiz i.ico.pencil { background-image: url(../images/sub/icon_pencil.svg); }
.culturalBiz i.ico.layer { background-image: url(../images/sub/icon_layer.svg); }
.culturalBiz i.ico.camera { background-image: url(../images/sub/icon_camera.svg); }
.culturalBiz i.ico.user { width: 1.25rem; height: 1.375rem; background-image: url(../images/sub/icon_user.svg); }
.culturalBiz i.ico.note { width: 1.125rem; height: 1.375rem; background-image: url(../images/sub/icon_note.svg); }
.culturalBiz i.ico.check { width:1.375rem; height:1rem; background-image: url(../images/sub/icon_check.svg); }
.culturalBiz .title { display:flex; gap:1rem; align-items:center; margin-top: 7.5rem; margin-bottom: 1.5rem; font-weight: 500; font-size: 1.5em; }
.culturalBiz .title .ico { width:1.6875rem; height:1.6875rem; }
.culturalBiz .imgList { display:flex; gap:1.5625em; }
.culturalBiz .imgList li { position: relative; text-align: center; }
.culturalBiz .imgList li span { display: block; }
.culturalBiz .imgList li .tit { position: absolute; bottom:1.125rem; left: 0; width: 100%; color: #fff; font-weight: 400; font-size: 1.25em; }
.culturalBiz .imgTxtList { display:flex; flex-wrap: wrap; }
.culturalBiz .imgTxtList > li { display:flex; justify-content:center; align-items:center; word-break:keep-all; width: 50%; margin-bottom: 1.375rem; font-size: 1.25em; text-align: center; letter-spacing: -0.04em; }
.culturalBiz .imgTxtList .listStyle li { text-align: left; }
.culturalBiz .imgTxtList .listStyle li::before { content:''; top:0.625rem; width:0.3125rem; height:0.3125rem; border-radius:50%; background: #000; }
.culturalBiz .bizCont { border-top: 2px solid #000; border-bottom: 1px solid #000; }
.culturalBiz .bizCont > li { display:flex; padding:0.375em 0; border-bottom: 1px solid #d3d3d3; font-size: 1.25em; }
.culturalBiz .bizCont > li .tit { flex-shrink:0; display:flex; gap:1.125rem; justify-content:center; align-items:center; width:15.625rem; margin-right:4.8%; border-right:1px solid #d3d3d3; font-weight: 500; }
.culturalBiz .bizCont li .txt { flex-grow:1; display:flex; flex-direction:column; justify-content:center; position: relative; width: 100%; max-width:calc(95.2% - 15.625rem); padding:2.125rem 0; font-weight: 300; }
.culturalBiz .bizCont li .txt li { position: relative; margin:0.187rem 0; padding-left: 1rem; }
.culturalBiz .bizCont li .txt li::before { content:''; position: absolute; top:0.8125rem; left: 0; width: 0.3125rem; height:0.3125rem; border-radius:50%; background: #000; }
@media screen and (max-width: 1024px) {
	.culturalBiz .visualText { padding:3em 2em; }
	.culturalBiz .visualText p br { display: none; }
	.culturalBiz .visualText p { font-size:1.273em; }
}
@media screen and (max-width: 768px) {
	.culturalBiz .title { margin-top: 3em; margin-bottom: 0.8rem; }
	.culturalBiz .imgList { flex-wrap:wrap; gap:1em }
	.culturalBiz .imgList li { width:calc(50% - 0.5em); }
	.culturalBiz .imgTxtList { flex-wrap:wrap; }
	.culturalBiz .imgTxtList:has(.listStyle) { justify-content:center; }
	.culturalBiz .imgTxtList .img { width: 50%; }
	.culturalBiz .imgTxtList .txt { width: 100%; }
	.culturalBiz .imgTxtList .img { order:1; }
	.culturalBiz .imgTxtList .txt { order:2; }
	.culturalBiz .bizCont > li { font-size:1.091em; }
	.culturalBiz .bizCont > li .tit { width:10rem; }
	.culturalBiz .bizCont > li .txt { max-width:calc(95.2% - 10rem); word-break:keep-all; }
}
@media screen and (max-width: 480px) {
	.culturalBiz .imgTxtList { flex-direction:column; }
	.culturalBiz .imgTxtList .img { width: 100%; }
}


/* print */
@media print {
    .header,
    .footer,
    .siteLocation { display:none; }
    #container { margin:0 auto; }
    #contentGroup { padding:0; }
    #content { padding:0; }
    * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    body.rentalPrint { margin-top:0; background:#fff; }
    @page {
        size: auto;
        margin:10mm;
    }
}