@charset "utf-8";
/*
	부천시립예술단 영문 SUB STYLE
    WRITER : Choi Byeo-ri
    Write Date : 2020. 09. 15.
	Last Modify Date : 2020. 09. 17.
*/

body.posi { position:relative; }
@media (max-width: 960px) {
    body.posi #content { padding-bottom:110px; }
}

/* sub  visual*/
.subTop .subVisual { padding:75px 0 77px; background-position:center; background-repeat:no-repeat; }
.subVisual.visual01 { background-image:url(../images/sub/img_visual01_20250730.jpg); }
.subVisual.visual02 { background-image:url(../images/sub/img_visual02_20250730.jpg); }
.subVisual.visual03 { background-image:url(../images/sub/img_visual03_20250730.jpg); }
.subVisual.visual04 { background-image:url(../images/sub/img_visual04_20250730.jpg); }
.subVisual.visual05 { background-image:url(../images/sub/img_visual05.jpg); }
.subVisual.visual06 { background-image:url(../images/sub/img_visual06.jpg); }
.subVisual>h2 { font-size:32px; font-weight:600; color:#fff; text-align:center; }

/* location */
#location { border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
#location .locWrap { position:relative; max-width:1200px; min-height:54px; margin:0 auto; padding:0 168px 0 59px; box-sizing:border-box; }
.locWrap .home { position:absolute; top:0; left:0; border-left:1px solid #dedede; border-right:1px solid #dedede; }
.locWrap .home a { overflow:hidden; display:block; width:57px; height:54px; background:url(../images/sub/icon_home.png) center no-repeat; text-indent:-999px; }
.locList li.lkList { position:relative; float:left; border-right:1px solid #dedede; }
.locList .lkList button { position:relative; width:100%; height:54px; line-height:54px; padding:0 60px 0 19px; font-size:16px; font-weight:300; color:#000; text-align:left; outline:0 none; }
.locList .lkList.death1 button { min-width:200px; }
.locList .lkList.death2 button { min-width:317px; }
.locList .lkList button:focus,
.locList .lkList button:active { text-decoration:underline; }
.locList .lkList button:before { content:''; position:absolute; top:50%; right:19px; width:13px; height:7px; margin-top:-3px; background:url(../images/sub/arrow_location.png) center no-repeat; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
.locList .lkList.active button:before { -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
.locList .lkList>div { display:none; position:absolute; top:100%; left:0; width:100%; padding-top:1px; font-size:15px; font-weight:300; z-index:5; box-sizing:border-box; }
.locList .lkList>div>ul>li>a { display:block; padding:13px 35px 15px 19px; background-color:#fff; border:1px solid #dedede; border-top:0 none; color:#444; }
.locList .lkList>div>ul>li.on>a,
.locList .lkList>div>ul>li>a:hover,
.locList .lkList>div>ul>li>a:focus,
.locList .lkList>div>ul>li>a:active { font-weight:400; color:#5000bd; }
.locList .lkList>div>ul>li .moDeath3 { display:none; }
.locWrap .locFunc { position:absolute; top:0; right:0; border-left:1px solid #dedede; border-right:1px solid #dedede; vertical-align:middle; }
.locWrap .locFunc>dl { float:left; padding:17px 20px 0 15px; font-size:0; letter-spacing:-4px; }
.locWrap .locFunc>dl>dt,
.locWrap .locFunc>dl>dd { display:inline-block; font-size:16px; vertical-align:middle; letter-spacing:normal; }
.locWrap .locFunc .txt { margin-right:7px; }
.locWrap .locFunc>dl>dd>a { overflow:hidden; position:relative; display:block; width:21px; height:21px; text-indent:-999px; }
.locWrap .locFunc .icon>a { border:1px solid #eee; }
.locWrap .locFunc .icon + .icon>a { border-left:0 none; }
.locWrap .locFunc .icon.in>a:before,
.locWrap .locFunc .icon.in>a:after { content:''; position:absolute; background-color:#555; }
.locWrap .locFunc .icon.in>a:before { top:10px; left:5px; width:11px; height:1px; }
.locWrap .locFunc .icon.in>a:after { top:5px; left:10px; width:1px; height:11px; }
.locWrap .locFunc .icon.out>a:before { content:''; position:absolute; top:10px; left:5px; background-color:#555; width:11px; height:1px; }
.locWrap .locFunc .txt>a:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/sub/btn_zoom_reset.png) center no-repeat; }
.locWrap .print { float:left; border-left:1px solid #dedede; }
.locWrap .print button { overflow:hidden; width:57px; height:54px; background:url(../images/sub/btn_print.png) center no-repeat; text-indent:-999px; }

@media all and (max-width: 960px) {
    .subTop .subVisual { display:none; }
    #location,
    #location .locWrap { padding:0; border-bottom:0 none;  }
    .locWrap .home,
    .locWrap .locFunc { display:none; }
    .locList li.lkList { float:none; padding:0; background:none; border:0 none; }
    .locList li.lkList.death3 { display:none; }
    .locList .lkList>div { left:0; padding:0; background-color:#fff; }
    .locList .lkList.death2>div { border-bottom:1px solid #dedede; }
    .locList .lkList button { height:55px; line-height:55px; padding:0 40px 0 22px; }
    .locList .lkList.death1 button { background-color:#5000bd; color:#fff; }
    .locList .lkList.death2 button { background-color:#f7f7f7; border-bottom:1px solid #dedede; }
    .locList .lkList button:before { right:22px; }
    .locList .lkList.death1 button:before { background:url(../images/sub/arrow_location_mo.png); background-size:100% auto; }
    .locList .lkList.death2 button:before { background:none; background-color:#000; }
    .locList .lkList.death2 button:after { content:''; position:absolute; background-color:#000; }
    .locList .lkList.death2 button:before { top:50%; right:28px; width:1px; height:13px; margin-top:-6px; }
    .locList .lkList.death2.active button:before { -webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg); }
    .locList .lkList.death2 button:after { top:50%; right:22px; width:13px; height:1px; }
    .locList .lkList>div>ul>li>a { padding:13px 40px 15px 22px; border:0 none; font-weight:400; color:#333; }
    .locList .lkList.death1>div>ul>li>a { border-bottom:1px solid #dedede; }
    .locList .lkList.death2>div>ul>li>a { border-top:1px solid #dedede; }
    .locList .lkList.death2>div>ul>li:first-child>a { border-top:0 none; }
    .locList .lkList>div>ul>li .moDeath3 { position:relative; display:block; margin:0 32px 0 22px; padding:12px 0 13px; }
    .locList .lkList>div>ul>li .moDeath3:before { content:''; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#999; }
    .locList .lkList>div>ul>li .moDeath3 a { position:relative; display:block; padding:8px 0 8px 12px; font-size:13px; }
    .locList .lkList>div>ul>li .moDeath3 .on a { color:#195eac; }
    .locList .lkList>div>ul>li .moDeath3 a:before { content:''; position:absolute; top:50%; left:0; width:3px; height:1px; background-color:#888; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); }
    .locList .lkList>div>ul>li .moDeath3 .on a:before { background-color:#195eac; }
}
 
/* Layout */
#content { overflow:hidden; min-height:650px; padding:75px 2.3% 150px; }
@media all and (max-width: 960px) {
    #content { min-height:400px; padding:50px 3% 80px; }
}

/* COMING SOON */
.comingSoon { margin-top:125px; padding-top:225px; background:url(../images/sub/icon_coming_soon.png) center top no-repeat; text-align:center; }
.comingSoon>em { display:block; margin-bottom:18px; font-size:31px; font-weight:600; font-stretch:condensed; color:#185ead; }
.comingSoon>p { font-weight:300; color:#999; line-height:1.6; }

@media all and (max-width: 640px) {
    .comingSoon { margin-top:60px; padding-top:160px; background-size:135px auto; }
    .comingSoon>em { margin-bottom:8px; font-size:22px; }
    .comingSoon>p { font-size:14px; }
}

/* Default Style */
#content .conTit { margin-bottom:36px; font-size:38px; font-weight:600; color:#000; text-align:center; }
.defaultCon { max-width:1200px; margin:0 auto; }
.defaultCon .sTit { margin:45px 0 24px; font-size:24px; font-weight:500; color:#000; }
#content .tabList .moBtn { display:none; }
.ui-datepicker table { table-layout:fixed; }
.defaultTable { width:100%; margin-bottom:10px; border-top:1px solid #999; line-height:1.4; font-size:16px; letter-spacing:0.01em; }
.defaultTable th,
.defaultTable td { padding:18px 15px; border-bottom:1px solid #ededed; font-weight:300; text-align:center; vertical-align:middle; }
.defaultTable th { background-color:#f7f7f7; }
.defaultTable.alignLt th,
.defaultTable.alignLt td { padding:18px 20px; text-align:left; }
.defaultTable.tdLeft td { padding:18px 20px; text-align:left; }
.defaultTable th.alignLt,
.defaultTable td.alignLt { padding:18px 20px; text-align:left; }
.defaultTable img { padding:5px; } 
.defaultTable a {  }
.defaultTable.colStyle .thArea { display:none; }
.defaultTable.colStyle .tdArea .Block { display:block; }
.scrollTblWrap .tableDrag { display:none; margin-bottom:10px; font-size:14px; font-weight:300; color:#666; text-align:center; }
.scrollTblWrap .tableDrag span { display:inline-block; padding:5px 0 5px 63px; background:url(../images/sub/icon_table_drag.png) left center no-repeat; background-size:50px auto; }
.txtborderBox { margin-bottom:33px; padding:33px 38px 35px; border:1px solid #dedede; font-size:17px; font-weight:300; line-height:1.55; }
.txtborderBox>div { margin-bottom:18px; font-size:24px; font-weight:500; color:#3e028f; line-height:1.2; }
.txtborderBox>p { margin-top:25px; }
.txtborderBox>p:first-of-type { margin-top:0; }
.txtborderBox>p>em { font-weight:400; }
.tblList { border-top:1px solid #999; }
.tblList>li>dl { display:table; table-layout:fixed; width:100%; border-bottom:1px solid #ededed; font-weight:300; line-height:1.4; }
.tblList>li>dl>dt { display:table-cell; width:24%; padding:17px 10px; background-color:#f7f7f7; text-align:center; vertical-align:middle; }
.tblList>li>dl>dd { display:table-cell; padding:17px 20px; vertical-align:middle; }
.tblList .attachTxt { font-size:16px; }
.attachTxt { overflow:hidden; margin-top:20px; font-size:17px; font-weight:300; }
span.attachTxt { display:inline-block; margin-top:0; vertical-align:top; }
.attachTxt>i { float:left; margin-right:5px; font-style:normal; }
.attachTxt>span { overflow:hidden; display:block; }
.attachTxtList { margin-top:20px; text-align:left; }
.defaultTable .attachTxtList { margin-top:0; padding:0 10px; }
.attachTxtList>li { overflow:hidden; margin-top:4px; font-size:17px; font-weight:300; line-height:1.4; }
.attachTxtList>li:first-child,
.defaultTable .attachTxtList>li { margin-top:0; }
.attachTxtList>li>i { float:left; margin-right:3px; font-style:normal; }
.attachTxtList>li>span { overflow:hidden; display:block; }
.nomTxt { font-size:17px; font-weight:300; line-height:1.5; text-align:justify; }
div.nomTxt { margin-top:25px; }
.nomTxt.margin>li { margin-top:10px; }
.nomTxt.margin>li:first-child { margin-top:0; }
div.nomTxt>p { margin-top:15px; }
div.nomTxt>p:first-child { margin-top:0; }
dl.nomTxt>dt { font-weight:400; }
.nomTxt>p>i,
.nomTxt>li>i,
.nomTxt>dt>dd>i { font-weight:400; font-style:normal; text-decoration:underline; }
.nomTxt>em,
.nomTxt>p>em,
.nomTxt>li>em,
.nomTxt>dt>dd>em { font-weight:400; }
dl.blTxt { margin-top:25px; text-align:justify; }
dl.blTxt>dt { margin-bottom:12px; padding-top:11px; background:url(../images/sub/bl_txt01.png) left top no-repeat; font-size:20px; font-weight:500; }
dl.blTxt>dd { font-size:17px; font-weight:300; line-height:1.5; }
p.blTxt { margin:25px 0 12px; padding-top:11px; background:url(../images/sub/bl_txt01.png) left top no-repeat; font-size:20px; font-weight:500; }
.dotTxtList { margin-top:20px; text-align:left; }
dl.blTxt .dotTxtList { margin-top:0; }
.defaultTable .dotTxtList { margin-top:0; padding:0 10px; }
.dotTxtList>li { position:relative; margin-top:5px; padding-left:23px; font-size:17px; font-weight:300; line-height:1.4; }
.dotTxtList>li:first-child { margin-top:0; }
.dotTxtList.inBlock { margin-top:-5px; font-size:0; }
.dotTxtList.inBlock>li { display:inline-block; width:50%; padding-right:20px; box-sizing:border-box; vertical-align:top; font-size:16px; }
.dotTxtList.inBlock>li:first-child { margin-top:5px; }
.dotTxtList>li:before { content:''; position:absolute; top:10px; left:0; width:5px; height:5px; background-color:#999; border-radius:50%; }
.dotTxtList>li>em { font-weight:400; }
.dotTxtList>li>p,
.dotTxtList>li>ul>li { position:relative; margin-top:2px; padding-left:10px; }
.dotTxtList>li>p:before,
.dotTxtList>li>ul>li:before { content:''; position:absolute; top:13px; left:0; width:5px; height:1px; background-color:#999; }
.dotTxtList>li>strong {font-weight:500}
.dotTxtP { position:relative; padding-left:23px; font-size:17px; font-weight:300; line-height:1.4; }
dl.nomTxt .dotTxtP { margin-top:5px; }
.dotTxtP:before { content:''; position:absolute; top:10px; left:0; width:5px; height:5px; background-color:#999; border-radius:50%; }

.btnLk { font-size:0; text-align:center; letter-spacing:-4px; }
.defaultCon>.btnLk { margin-top:80px; }
.btnLk a { display:inline-block; min-width:36%; margin:10px 0; padding:30px 3% 31px; border:1px solid #5000bd; font-size:18px; color:#5000bd; letter-spacing:normal; text-align:left; vertical-align:top; text-decoration:none; box-sizing:border-box; }
.btnLk.dual a { width:49.16666%; }
.btnLk.dual a + a { margin-left:1.66668%; }
.btnLk.three a { width:32.22221%; min-width:auto; }
.btnLk.three a + a { margin-left:1.66668%; }
.btnLk a span { display:block; padding:2px 35px 2px 0; background-position:right center; background-repeat:no-repeat; }
.btnLk a.down span { background-image:url(../images/sub/btn_lk_down.png); }
.btnLk a.link span { background-image:url(../images/sub/btn_lk_link.png); }
.btnLk a.vr span { background-image:url(../images/sub/btn_lk_vr.png); }
.btnMoZoom { display:block; margin-top:15px; text-align:center; }
.btnMoZoom>a { position:relative; display:inline-block; padding:4px 5px 4px 27px; background:url(../images/sub/icon_zoom_in_mo.png) 5px center no-repeat; background-size:15px auto; font-weight:300; color:#3e028f; }
.btnMoZoom>a:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#3e028f; }

.cole44000 { color:#e44000; }
.col0009bd { color:#0009bd; }

@media all and (max-width: 960px) {
    #content .conTit { margin-bottom:30px; font-size:33px; }
    #content .tabList .moBtn { display:block; }
    .defaultCon .sTit { margin:35px 0 18px; font-size:21px; }
    .defaultTable { font-size:15px; }
    .defaultTable.colStyle thead { display:none; }
    .defaultTable.colStyle td { display:table; table-layout:fixed; width:100%; }
    .defaultTable.colStyle td.tableTit { display:block; padding:10px; border-bottom:1px solid #000; text-align:left; font-size:20px; font-weight:bold; }
    .defaultTable.colStyle td .thArea,
    .defaultTable.colStyle td .tdArea { display:table-cell; padding:18px 20px; vertical-align:middle; }
    .defaultTable.colStyle td .thArea { width:30%; background:#f7f7f7; text-align:center; }
    .defaultTable.colStyle td .tdArea { width:auto; text-align:left; }    
    .defaultTable.colStyle .tdArea .Block { display:inline-block; }
    .txtborderBox { margin-bottom:28px; padding:27px 30px 28px; font-size:15px; text-align:center; }
    .txtborderBox>div { margin-bottom:13px; font-size:21px; }
    .txtborderBox>p { margin-top:20px; }
    .tblList,
    .tblList .attachTxt { font-size:15px; }
    .attachTxt { margin-top:12px; font-size:15px; }
    .attachTxtList { margin-top:12px; }
    .attachTxtList>li { font-size:15px; }
    .nomTxt { font-size:15px; }
    div.nomTxt { margin-top:18px; }
    div.nomTxt>p { margin-top:10px; }
    dl.blTxt { margin-top:18px; }
    dl.blTxt>dt { margin-bottom:10px; padding-top:10px; font-size:17px; }
    dl.blTxt>dd { font-size:15px; }
    p.blTxt { margin:18px 0 10px; padding-top:10px; font-size:17px; }
    .dotTxtList { margin-top:15px; }
    .dotTxtList>li { padding-left:18px; font-size:15px; }
    .dotTxtList>li:before { top:9px; width:3px; height:3px; }
    .dotTxtList.inBlock>li { display:block; width:auto; margin-right:0; }
    .dotTxtP { padding-left:18px; font-size:15px; }
    .dotTxtP:before { top:9px; width:3px; height:3px; }
    .defaultCon>.btnLk { margin-top:60px; }
    .btnLk a { display:block; padding:20px 5% 21px; font-size:16px; }
    .btnLk.dual a,
    .btnLk.three a { width:auto; }
    .btnLk.dual a + a,
    .btnLk.three a + a { margin-left:0; }
    .btnLk a.vr span { margin-right:-5px; }
}
@media all and (max-width: 767px) {
	.scrollTblWrap { width:100%; overflow-x:auto; overflow-y:hidden; }
    .scrollTblWrap .tableDrag { display:block; }
	.scrollTblWrap .scrollTable { width:960px; }
}
@media all and (max-width: 640px) {
    #content .conTit { font-size:24px; }
    .defaultCon .sTit { font-size:19px; }
    .defaultTable { font-size:14px; }
    .defaultTable th,
    .defaultTable th.alignLt,
    .defaultTable td.alignLt  { padding:13px 10px; }
    .defaultTable td,
    .defaultTable.tdLeft td { padding:13px 10px; }
    .defaultTable.colStyle td .thArea,
    .defaultTable.colStyle td .tdArea { padding:13px 10px; }
    .txtborderBox { padding:15px 18px 16px; font-size:14px; }
    .txtborderBox>div { font-size:19px; }
    .tblList { font-size:14px; }
    .tblList>li>dl { display:block; width:auto; }
    .tblList>li>dl>dt { display:block; width:auto; padding:13px 10px; border-bottom:1px solid #ededed; }
    .tblList>li>dl>dd { display:block; padding:13px; }
    .tblList .attachTxt { font-size:14px; }    
    .attachTxt { font-size:14px; }
    .attachTxtList>li { font-size:14px; }
    .nomTxt { font-size:14px; }
    dl.blTxt>dt { font-size:16px; }
    dl.blTxt>dd { font-size:14px; }
    p.blTxt { font-size:16px; }
    .dotTxtList>li { padding-left:13px; font-size:14px; }
    .dotTxtList>li:before { top:8px; }
    .dotTxtP { padding-left:13px; font-size:14px; }
    .dotTxtP:before { top:8px; }
    .dotTxtP { font-size:14px; }
    .defaultCon>.btnLk { margin-top:45px; }
    .btnLk a { padding:15px 5% 16px; font-size:15px; font-weight:400; }
    .btnLk a span { background-size:auto 20px;}
}

/* Default Tab (3depth) */
.defaultTab .moListBtn { display:none; }
.defaultTab ul { display:table; table-layout:fixed; width:100%; margin:0 auto; font-size:0; text-align:center; }
.defaultTab ul li { position:relative; display:table-cell; background-color:#fafafa; border:1px solid #dedede; border-left:0 none; font-size:18px; vertical-align:middle; }
.defaultTab ul li:first-child { border-left:1px solid #dedede; }
.defaultTab ul li.active { background-color:#fff; border-bottom-color:#fff; }
.defaultTab ul li.active:before { content:''; position:absolute; top:0; left:0; width:100%; height:3px; margin-left:-1px; padding:0 1px; background-color:#5000bd; }
.defaultTab ul li a { display:block; padding:27px 0 29px; color:#555; text-decoration:none; }
.defaultTab ul li.active a { color:#5000bd; }
.defaultTab ul li a:hover { text-decoration:underline; }
.defaultCon .tabNext { margin-top:60px; }
@media all and (max-width: 960px) {
    .defaultTab { position:relative; }
    .defaultTab .moListBtn { display:block; }
    .defaultTab .moListBtn button { position:relative; width:100%; height:50px; line-height:50px; padding:0 38px 0 20px; border:1px solid #dedede; border-top:2px solid #5000bd; font-size:16px; color:#5000bd; text-align:left; outline:0 none; z-index:4; }
    .defaultTab .moListBtn button:focus,
    .defaultTab .moListBtn button:active { text-decoration:underline; }
    .defaultTab .moListBtn button:before,
    .defaultTab .moListBtn button:after { content:''; position:absolute; background-color:#333; }
    .defaultTab .moListBtn button:before { top:50%; right:26px; width:1px; height:13px; margin-top:-6px; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
    .defaultTab.active .moListBtn button:before { -webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg); }
    .defaultTab .moListBtn button:after { top:50%; right:20px; width:13px; height:1px; }
    .defaultTab>div { position:absolute; top:100%; left:0; display:none; width:100%; background-color:#fff; border:1px solid #dedede; border-top:0 none; text-align:left; box-sizing:border-box; z-index:5; }
    .defaultTab ul { display:block; width:auto; text-align:left; }
    .defaultTab ul>li { display:block; border:0 none; }
    .defaultTab ul>li:first-child { border:0 none; }
    .defaultTab ul>li.active:before  { display:none; }
    .defaultTab ul>li>a { padding:12px 32px 14px 21px; background-color:#fff; border-top:1px solid #dedede; font-size:15px; }
    .defaultTab ul>li>a:hover { color:#5000bd; text-decoration:underline; }
    .defaultTab ul>li:first-child>a { border-top:0 none; }
    .defaultTab ul>li>a>span { max-width:none; }
    .defaultCon .tabNext { margin-top:25px; }
}

/* Default List (4depth) */
.defaultList { padding:18px 0 19px; border-bottom:1px solid #ededed; }
.defaultList ul { font-size:0; text-align:center; letter-spacing:-4px; }
.defaultList ul>li { display:inline-block; padding:0 12px; font-size:17px; vertical-align:middle; letter-spacing:normal; }
.defaultList ul>li>a { position:relative; display:block; padding:0 7px; color:#999; text-decoration:none; }
.defaultList ul>li.active>a,
.defaultList ul>li>a:hover { color:#333; outline:0 none; }
.defaultList ul>li.active>a:before,
.defaultList ul>li>a:hover:before { content:''; position:absolute; top:50%; left:0; width:100%; height:8px; margin-top:-3px; background-color:#ecefff; z-index:-1; }

@media all and (max-width: 960px) {
    .defaultList { padding:9px 0; }
    .defaultList ul>li { padding:5px 10px; font-size:15px; }
}
@media all and (max-width: 480px) {
    .defaultList ul>li { padding:5px; }
}

/* pageNav */
.pageNav { text-align:center; }
.pageNav ul { font-size:0; }
.pageNav ul li { display:inline-block; margin-left:-1px; vertical-align:top; }
.pageNav ul li a,
.pageNav ul li strong { overflow:hidden; display:block; min-width:40px; height:40px; line-height:40px; padding:4px; background:#fff; border:1px solid #dedede; font-weight:300; font-size:16px; color:#777; }
.pageNav ul li strong { position:relative; font-weight:400; color:#5000bd; /*text-decoration:underline;*/ }
.pageNav ul li strong:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #5000bd; box-sizing:border-box; }
.pageNav ul li.prev { margin-right:20px; }
.pageNav ul li.next { margin-left:20px; }
.pageNav ul li.first a,
.pageNav ul li.prev a,
.pageNav ul li.next a,
.pageNav ul li.last a { background-position:center; background-repeat:no-repeat; 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 all and (max-width: 960px) {
    .pageNav ul li a,
    .pageNav ul li strong { min-width:32px; height:32px; line-height:32px; font-size:15px; }
}
@media all and (max-width: 640px) {
    .pageNav ul li a,
    .pageNav ul li strong { min-width:28px; height:28px; line-height:28px; padding:2px; font-size:14px; }
    .pageNav ul li.prev { margin-right:0; }
    .pageNav ul li.next { margin-left:0; }
    .pageNav ul li.prev a { border-right:0 none; }
    .pageNav ul li.next a { border-left:0 none; }
}

/* Select */
.buttonSelect { position:relative; display:inline-block; border:1px solid #333; vertical-align:top; letter-spacing:normal; box-sizing:border-box; }
.buttonSelect p button { position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; height:100%; line-height:48px; padding:0 33px 0 18px; background-color:#fff; color:#333; box-sizing:border-box; text-align:left; }
.buttonSelect p button:before { content:''; position:absolute; top:50%; right:19px; width:11px; height:6px; margin-top:-3px; background:url(../images/sub/arrow_select.png) center no-repeat; z-index:1; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
.buttonSelect p button.on:before { -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
.buttonSelect .selectList { position:absolute; top:100%; left:-1px; display:none; width:100%; margin-top:1px; background:#fff; border:1px solid #dedede; border-top:0 none; z-index:6; }
.buttonSelect .selectList li { position:relative; overflow:hidden; }
.buttonSelect .selectList li input { position:absolute; left:-100px; width:1px; height:1px; }
.buttonSelect .selectList li a,
.buttonSelect .selectList li label { display:block; padding:7px 20px; border-top:1px solid #dedede; font-weight:300; color:#666; cursor:pointer; }
.buttonSelect .selectList li label:hover,
.buttonSelect .selectList li input:focus + label,
.buttonSelect .selectList li a:hover,
.buttonSelect .selectList li a:focus { background-color:#f2f2f2; }

@media all and (max-width: 640px) {
    .buttonSelect { font-size:15px; }
    .buttonSelect p button { padding:0 30px 0 15px; line-height:46px; }
    .buttonSelect .selectList li a,
    .buttonSelect .selectList li label { padding:7px 15px; }
}

/* Board List */
.boardSearch { position:relative; max-width:400px; margin:0 auto 30px; padding-right:115px; }
.boardSearch .inputSearch { position:relative; padding-right:53px; border:1px solid #dedede; font-size:16px; box-sizing:border-box; }
.boardSearch .inputSearch input[type="text"] { width:100%; height:48px; line-height:48px; border:0 none; font-weight:300; text-indent:20px; }
.boardSearch .inputSearch button { position:absolute; top:0; right:0; overflow:hidden; width:53px; height:48px; background:url(../images/sub/btn_board_search.png) center no-repeat; text-indent:-999px; }
.boardSearch .btnReset { position:absolute; top:0; right:0; width:110px; }
.boardSearch .btnReset button { width:100%; height:50px; border:1px solid #dedede; font-weight:300; color:#333; }
.boardSearch .btnReset button span { padding-left:24px; background:url(../images/sub/btn_board_reset.png) left center no-repeat; }
.defaultTab + .boardList { margin-top:60px; }
.boardList table { width:100%; margin-bottom:35px; table-layout:fixed; text-align:center; }
.boardList thead { background:#fafafa; border-top:1px solid #333; border-bottom:1px solid #ededed; }
.boardList tbody tr { border-bottom:1px solid #ededed; }
.boardList thead th { position:relative; padding:20px 10px; font-weight:300; color:#333; text-align:center; vertical-align:middle; }
.boardList thead th:before { content:''; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background-color:#e6e6e6; } 
.boardList thead th:first-child:before { display:none; }
.boardList .num { width:6.5em; }
.boardList .media { width:8em; }
.boardList .subject { width:auto; }
.boardList .writer { width:6.5em; }
.boardList .date { width:10.3em; }
.boardList .hits { width:6.3em; }
.boardList td { padding:18px 10px 21px; font-weight:300; color:#666; }
.boardList td.num { color:#2d2d2d; }
.boardList td.num>em { display:inline-block; color:#063187; }
.boardList td.subject { font-size:17px; }
.boardList td.subject { text-align:left; }
.boardList td.subject a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#222; }
.boardList td.subject .iconRe { padding-left:1em; }
.boardList table + .pageNav { margin-top:65px; }
.boardList .boardNone { padding:100px 0 120px; font-size:17px; font-weight:300; text-align:center; }
/* Board Btn */
.boardBtn { font-size:0; text-align:right; }
.scheduleView .boardBtn { text-align:center; }
.boardBtn p { display:inline-block; margin:5px 0 0 5px; font-size:16px; font-weight:300; }
.boardBtn p:first-child { margin-left:0; }
.boardBtn p a,
.boardBtn p button { display:block; padding:14px 18px 15px; border:1px solid #dedede; border-radius:3px; }
.boardBtn p button { line-height:1.2; font-weight:300; }
.boardBtn p a span,
.boardBtn p button span { padding-left:23px; background:url(../images/sub/bg_board_btn.png) no-repeat; }
.boardBtn .btnModify span { background-position:left 0px; }
.boardBtn .btnWrite span { background-position:left -26px; }
.boardBtn .btnCancle span { background-position:left -52px; }
.boardBtn .btnDelete span { background-position:left -78px; }
.boardBtn .btnList span { background-position:left -104px; }
.boardBtn + .pageNav { margin-top:65px; }

@media all and (max-width: 960px) {
    .boardSearch { margin:0 auto 15px; padding-right:105px; }
    .boardSearch .inputSearch { padding-right:48px; font-size:15px; }
    .boardSearch .inputSearch input[type="text"] { height:46px; line-height:46px; text-indent:15px; }
    .boardSearch .inputSearch button { width:48px; height:46px; background:url(../images/sub/btn_board_search.png) center no-repeat; text-indent:-999px; }
    .boardSearch .btnReset { width:100px; font-size:15px; }
    .boardSearch .btnReset button { height:48px; }
    .boardSearch .btnReset button span { padding-left:22px; }
    .defaultTab + .boardList { margin-top:30px; }
    .boardList table { margin-bottom:25px; font-size:15px; }
    .boardList .num { width:4em; }
    .boardList .media { width:7em; }
    .boardList .writer { width:5em; }
    .boardList .date { width:7em; }
    .boardList .hits { display:none; }
    .boardList td.subject { font-size:15px; }
    .boardList table + .pageNav { margin-top:45px; }
    .boardList .boardNone { font-size:16px; }
    .boardBtn { text-align:center; }
    .boardBtn p { font-size:15px; }
    .boardBtn p a,
    .boardBtn p button { padding:10px 13px 11px; }
    .boardBtn p a span,
    .boardBtn p button span { padding-left:23px; background:url(../images/sub/bg_board_btn.png) no-repeat; }
    .boardBtn .btnModify span { background-position:left -1px; }
    .boardBtn .btnWrite span { background-position:left -27px; }
    .boardBtn .btnCancle span { background-position:left -53px; }
    .boardBtn .btnDelete span { background-position:left -79px; }
    .boardBtn .btnList span { background-position:left -105px; }
    .boardBtn + .pageNav { margin-top:45px; }
}
@media all and (max-width: 640px) {
    .boardSearch .inputSearch { font-size:14px; }
    .boardSearch .btnReset { font-size:14px; }
    .defaultTab + .boardList { margin-top:25px; }
    .boardList table { font-size:14px; }
    .boardList thead th { padding:15px 10px; }
    .boardList td { padding:15px 10px; }
    .boardList td.subject { font-size:14px; }
    .boardList .media,
    .boardList .writer,
    .boardList .date { display:none; }
}

/* Board View */
.boardView .viewTit { position:relative; padding:22px 10px 16px; border-top:1px solid #333; border-bottom:1px solid #e5e5e5; }
.boardView .viewTit .tit { font-weight:500; font-size:26px; color:#000; text-align:center; }
.boardView .viewTit .info { overflow:hidden; margin-top:10px; font-size:15px; color:#6b6b6b; }
.boardView .viewTit .info .impor { float:left; padding:6px 0; color:#063187; }
.boardView .viewTit .info .media { float:left; padding-top:6px; }
.boardView .viewTit .info .media>em { display:none; }
.boardView .viewTit .info>ul { float:right; padding-top:6px; letter-spacing:-0.02em; }
.boardView .viewTit .info>ul>li { display:inline-block; margin-right:6px; vertical-align:top; }
.boardView .viewTit .info>ul>li:last-child { margin-right:0; }
.boardView .viewTit .info>ul>li>em { padding-right:4px; color:#999; }
.boardView .viewTit.center .tit { text-align:center; }
.boardView .viewTit.center .info>p { padding:7px 0 5px; text-align:center; }
.boardView .viewTit.center .info>p>em { padding-right:4px; color:#999; }

.boardView .viewContent { max-width:1080px; margin:0 auto; padding:50px 0 70px; font-size:17px; font-weight:300; color:#333; text-align:justify; line-height:1.6; }
.boardView .viewContent .img { text-align:center; }
.boardView .viewContent em { font-style:italic; }
/* board view - File */
.boardView .boardFile { max-width:1080px; margin:0 auto 43px; background-color:#f8f8f8; border:1px solid #e5e5e5; font-size:15px; font-weight:300; text-align:left; }
.boardView .boardFile dl { position:relative; margin:0 29px; padding:21px 0 21px 65px; border-top:1px solid #e6e6e6; }
.boardView .boardFile dl:first-of-type { border-top:0 none; }
.boardView .boardFile dl dt { position:absolute; left:0; width:55px; padding-left:10px; color:#666; }
.boardView .boardFile dl dt:before { content:''; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-5px; background-color:#e6e6e6; }
.boardView .boardFile dl dd { padding:0 9px 0 30px; }
.boardView .boardFile dl dd a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:32px; background:url(../images/sub/bg_board_File.png) right center no-repeat; }
/* board view - Ctrl */
.boardView .viewCtrl { margin-bottom:55px; border-top:1px solid #e5e5e5; font-weight:300; color:#333; text-align:left; }
.boardView .viewCtrl dl { position:relative; padding:20px 30px 20px 145px; border-bottom:1px solid #e5e5e5; font-size:16px; }
.boardView .viewCtrl dl dt { position:absolute; left:34px; width:65px; padding-left:44px; background-position:left center; background-repeat:no-repeat; }
.boardView .viewCtrl dl.prevList dt { background-image:url(../images/sub/bg_board_prev_list.png); }
.boardView .viewCtrl dl.nextList dt { background-image:url(../images/sub/bg_board_next_list.png); }
.boardView .viewCtrl dl dt:before { content:''; position:absolute; top:50%; right:0; width:1px; height:13px; margin-top:-6px; background-color:#e6e6e6; }
.boardView .viewCtrl dl dd { max-width:957px; padding-left:30px; }
.boardView .viewCtrl dl dd a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; }
.boardView .viewCtrl dl dd a>span { position:relative; display:inline-block; margin-right:12px; padding-right:13px; }
.boardView .viewCtrl dl dd a>span:before { content:''; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background-color:#555; }
.boardView .boardBtn { text-align:center; }
.boardView .boardBtn p { font-size:17px; }
.boardView .boardBtn p a,
.boardView .boardBtn p button { padding:18px 31px 19px; }

@media all and (max-width: 960px) {
    .boardView .viewTit { padding:20px 0 18px; border-bottom:0 none; }
    .boardView .viewTit .tit { font-size:21px; text-align:left; }
    .boardView .viewTit .info { margin-top:12px; font-size:14px; }
    .boardView .viewTit .info .impor { margin-right:10px; padding:4px 0 5px; }
    .boardView .viewTit .info .media { float:none; display:inline-block; margin-right:6px; padding-top:0; vertical-align:top; }
    .boardView .viewTit .info .media>em { display:inline; padding-right:4px; color:#999; }
    .boardView .viewTit .info>ul { float:none; overflow:hidden; padding-top:4px; }
    .boardView .viewTit .info .media + ul { display:inline-block; padding-top:0; vertical-align:top; }
    .boardView .viewTit.center .info>p { padding:0 0 5px; }
    .boardView .viewContent { padding:0 0 35px; font-size:15px; line-height:1.4; }
    .boardView .boardFile { margin:0 auto 30px; }
    .boardView .boardFile dl { margin:0 15px; padding:18px 5px; }
    .boardView .boardFile dl dt { overflow:hidden; left:-10000px; width:1px; height:1px; }
    .boardView .boardFile dl dd { padding:0; }
    .boardView .viewCtrl { margin-bottom:40px; }
    .boardView .viewCtrl dl { position:relative; padding:18px 10px 18px 65px; font-size:15px; }
    .boardView .viewCtrl dl dt { left:10px; width:2.6em; padding:0 10px 0 0; }
    .boardView .viewCtrl dl.prevList dt,
    .boardView .viewCtrl dl.nextList dt { background:none; }
    .boardView .viewCtrl dl dd { padding-left:10px; }
    .boardView .viewCtrl dl dd a>span { margin-right:8px; padding-right:9px; }
    .boardView .viewCtrl dl dd a>span:before { margin-top:-5px; }
    .boardView .boardBtn p { font-size:16px; }
    .boardView .boardBtn p a,
    .boardView .boardBtn p button { padding:15px 25px 16px; }
}
@media all and (max-width: 640px) {
    .boardView .viewTit .tit { font-size:19px; }
    .boardView .viewTit .info { font-size:13px; }
    .boardView .viewContent { font-size:14px; }
    .boardView .boardFile dl { font-size:13px; }
    .boardView .boardFile dl dd a { background-size:12px auto; }
    .boardView .viewCtrl dl { font-size:14px; }
    .boardView .boardBtn p { font-size:15px; }
}

/* Board Write */
.boardWrite { max-width:1040px; margin:0 auto; padding:0 10px; }
.boardWrite .tit { padding:27px 42px 30px; border-top:1px solid #dedede; font-size:22px; font-weight:400; color:#000; text-align:left; }
.boardWrite .tit span { position:relative; display:inline-block; margin-left:5px; padding-left:14px; color:#777; font-size:14px; }
.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 #dedede; font-size:16px; font-weight:300; text-align:left; }
.writeTbl + .writeTbl { margin-top:-2px; }
.writeTbl tbody th { padding:5px 10px; border:1px solid #dedede; }
.writeTbl tbody td { padding:5px; border:1px solid #dedede; }
.writeTbl tbody th { width:151px; border-left:none; font-size:16px; font-weight:300; vertical-align:middle; }
.writeTbl tbody th .label { position:relative; display:inline-block; margin-left:38px; padding-left:10px; }
.writeTbl tbody th .label:before { content:''; position:absolute; top:8px; left:0; width:2px; height:2px; border-radius:50%; background-color:#666; }
.writeTbl tbody th .label>em { display:block; font-size:13px; }
.writeTbl tbody td { border-right:none; }
.writeTbl input[type="text"] { height:43px; line-height:41px; border:1px solid #dedede; font-weight:300; text-indent:15px; box-sizing:border-box; }
.writeTbl .buttonSelect { display:block; max-width:150px; border-color:#dedede; }
.writeTbl .buttonSelect.size1 { max-width:329px; }
.writeTbl .buttonSelect p button { padding:0 40px 0 15px; line-height:41px; font-weight:300; }
.writeTbl .buttonSelect p button:before { right:15px; }
.writeTbl .buttonSelect .selectList { margin-top:0; }
.writeTbl .buttonSelect .selectList li a,
.writeTbl .buttonSelect .selectList li label { padding:7px 15px; }
.writeTbl .txtSize1 { max-width:329px; width:100%; }
.writeTbl .txtSize2 { max-width:660px; width:100%; }
.writeTbl .editor { height:360px; }
.writeTbl .editor.half { height:180px; }
.writeTbl .editor textarea { width:100%; height:100%; padding:15px; border:1px solid #dedede; font-weight:300; box-sizing:border-box; }
.writeTbl .dateSel01 { max-width:660px; font-size:0; letter-spacing:-4px; }
.writeTbl .dateSel01>div { position:relative; display:inline-block; width:48%; padding:0 7em 0 2.5em; font-size:16px; letter-spacing:normal; box-sizing:border-box; }
.writeTbl .dateSel01>div:first-child { margin-right:4%; }
.writeTbl .dateSel01>div>label { position:absolute; top:12px; left:0; display:block; }
.writeTbl .dateSel01>div>span { position:relative; display:block; padding-right:57px; }
.writeTbl .dateSel01>div>span input[type="text"] { width:100%; border-right:0 none; }
.writeTbl .dateSel01>div>span button { overflow:hidden; position:absolute; top:0; right:0; width:57px; height:100%; background:#fff url(../images/sub/btn_calendar.png) center no-repeat; border:1px solid #dedede; border-left:0 none; text-indent:-999px; }
.writeTbl .dateSel01>div .buttonSelect { position:absolute; right:0; top:0; width:6.5em; }
.writeTbl .dateSel02 { position:relative; max-width:148px; padding-right:57px; }
.writeTbl .dateSel02 input[type="text"] { width:100%; border-right:0 none; }
.writeTbl .dateSel02 button { overflow:hidden; position:absolute; top:0; right:0; width:57px; height:100%; background:#fff url(../images/sub/btn_calendar.png) center no-repeat; border:1px solid #dedede; border-left:0 none; text-indent:-999px; }
.writeTbl .sectGroup { position:relative; max-width:329px; padding-right:67px; }
.writeTbl .sectGroup + .sectGroup { margin-top:4px; }
.writeTbl .sectGroup input[type="text"] { width:100%; }
.writeTbl .sectGroup .btnSect { position:absolute; top:50%; right:0; margin-top:-13px; border:1px solid #dedede; }
.writeTbl .sectGroup .btnSect:after { content:''; position:absolute; top:50%; left:50%; width:1px; height:16px; margin:-8px -1px 0 0; background-color:#cacdc9; }
.writeTbl .sectGroup .btnSect button { position:relative; overflow:hidden; width:23px; height:24px; text-indent:-999px; }
.writeTbl .sectGroup .btnSect .add:before,
.writeTbl .sectGroup .btnSect .add:after,
.writeTbl .sectGroup .btnSect .delete:before { content:''; position:absolute; top:50%; left:50%; background-color:#555; }
.writeTbl .sectGroup .btnSect .add:before { width:12px; height:2px; margin:-1px 0 0 -6px; }
.writeTbl .sectGroup .btnSect .add:after { width:2px; height:12px; margin:-6px 0 0 -1px; }
.writeTbl .sectGroup .btnSect .delete:before { width:12px; height:2px; margin:-1px 0 0 -6px }
.boardWrite .infoBox { padding:25px 20px; background-color:#f8f8f8; font-weight:300; text-align:center; }
.boardWrite .infoBox p { }
.boardWrite .infoBox p + p { margin-top:3px; }
.writeTbl td>.fileBox { position:relative; max-width:660px; width:100%; padding-right:92px; border:1px solid #dedede; font-size:14px; box-sizing:border-box; }
.writeTbl td>.fileBox .fileTxt { border-left:0 none; }
.writeTbl .fileList { max-width:660px; margin-top:10px; font-size:15px; }
.writeTbl .fileList>a { display:inline-block; margin-right:15px; text-decoration:underline; vertical-align:middle; }
.writeTbl .chBox { position:relative; overflow:hidden; display:inline-block; padding:3px 0; vertical-align:middle; }
.writeTbl .chBox input { position:absolute; top:0; left:0; margin-left:-999px; }
.writeTbl .chBox label { padding-right:28px; }
.writeTbl .chBox label:after { content:'.'; position:absolute; top:50%; right:0; width:17px; height:17px; margin-top:-9px; background:#fff center no-repeat; border:1px solid #dedede; border-radius:3px; text-indent:-999px; }
.writeTbl .chBox input:checked + label:after { background-image:url(../images/sub/bu_check.png); background-color:#5000bd; border-color:#5000bd; }
.writeTbl .chBox input:focus + label:after { border-color:#5000bd; }
.writeTbl .infoTxt { max-width:660px; margin-top:10px; }
.writeTbl .infoTxt>p { overflow:hidden; font-size:14px; line-height:1.3; }
.writeTbl .infoTxt>p + p { margin-top:3px; }
.writeTbl .infoTxt>p>i { float:left; margin-right:3px; font-style:normal; }
.writeTbl .infoTxt>p>span { overflow:hidden; display:block; }

.inputHidden { overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0; }
.writeTbl .guideTxt { margin-top:7px; margin-bottom:12px; color:#666; font-size:12px; line-height:1.5; }
.writeTbl .guideTxt>i { display:none; }
.writeTbl .fileGroup { position:relative; max-width:855px; width:100%; padding-right:67px; color:#666; font-size:14px; box-sizing:border-box; }
.writeTbl .fileGroup + .fileGroup { margin-top:4px; }
.writeTbl .fileGroup .fileBox { position:relative; max-width:790px; width:100%; padding:0 92px 0 60px; border:1px solid #dedede; box-sizing:border-box; }
.writeTbl .fileCount { position:absolute; top:14px; left:0; width:60px; text-align:center; }
.writeTbl .fileBox .fileTxt { width:100%; padding-right:15px; border:none; border-left:1px solid #dedede; }
.writeTbl .fileBox .btnAttach { position:absolute; top:0; right:0; width:92px; height:100%; border-left:1px solid #dedede; background-color:#f8f8f8; line-height:43px; text-align:center; cursor:pointer; }
.writeTbl .fileBox .btnAttach:focus,
.writeTbl .fileBox .btnAttach:active { outline:2px solid; }
.writeTbl .fileGroup .btnFile { position:absolute; top:50%; right:0; margin-top:-13px; border:1px solid #dedede; }
.writeTbl .fileGroup .btnFile:after { content:''; position:absolute; top:50%; left:50%; width:1px; height:16px; margin:-8px -1px 0 0; background-color:#cacdc9; }
.writeTbl .fileGroup .btnFile button { position:relative; overflow:hidden; width:23px; height:24px; text-indent:-999px; }
.writeTbl .fileGroup .btnFile .add:before,
.writeTbl .fileGroup .btnFile .add:after,
.writeTbl .fileGroup .btnFile .delete:before { content:''; position:absolute; top:50%; left:50%; background-color:#555; }
.writeTbl .fileGroup .btnFile .add:before { width:12px; height:2px; margin:-1px 0 0 -6px; }
.writeTbl .fileGroup .btnFile .add:after { width:2px; height:12px; margin:-6px 0 0 -1px; }
.writeTbl .fileGroup .btnFile .delete:before { width:12px; height:2px; margin:-1px 0 0 -6px }
.boardWrite>.guideTxt { display:none; margin-bottom:25px; padding:10px 2px 25px; border-bottom:1px solid #dedede; color:#666; font-size:12px; text-align:left; line-height:1.5; }
.boardWrite>.guideTxt>i { display:block; float:left; margin-right:3px; font-style:normal; }
.boardWrite>.guideTxt>span { display:block; overflow:hidden; }
.boardWrite .boardBtn { margin-top:35px; text-align:center; }
@media all and (max-width:960px) {
    .boardWrite .tit { padding:20px 5px 15px; font-size:21px; }
    .boardWrite .tit span { float:right; margin:3px 0 0; font-size:14px; }
    .boardWrite .tit span:after { display:none; }
    .writeTbl + .writeTbl { margin-top:10px; border-bottom:0 none; }
    .writeTbl tbody th { width:70px; border-left:1px solid #dedede; background-color:#fafafa; font-size:15px; }
    .writeTbl tbody th .label { margin:0; padding-left:8px; }
    .writeTbl tbody th .label>span { display:none; }
    .writeTbl tbody th .label>em { word-break:normal; }
    .writeTbl tbody td { padding:0; border-right:1px solid #dedede; font-size:15px; }
    .writeTbl + .writeTbl tbody th { display:block; width:auto; padding:15px 10px; border-bottom:0 none; }
    .writeTbl + .writeTbl tbody td { display:block; width:auto; }
    .writeTbl input[type="text"] { border:0 none; }
    .writeTbl input[type="text"] + input[type="text"] { border-top:1px solid #dedede; }
    .writeTbl .txtSize1,
    .writeTbl .txtSize2 { max-width:none; }
    .writeTbl .buttonSelect { max-width:none; border:0 none; font-size:15px; }
    .writeTbl .buttonSelect.size1 { max-width:none; }
    .writeTbl .buttonSelect p button { line-height:43px;}
    .writeTbl .editor textarea { border:0 none; }
    .writeTbl .dateSel01 { max-width:none; }
    .writeTbl .dateSel01>div { width:50%; padding:0 6.5em 0 3.5em; font-size:15px; }
    .writeTbl .dateSel01>div:first-child { margin-right:0; border-right:1px solid #dedede; }
    .writeTbl .dateSel01>div>label { top:13px; padding-left:15px; }
    .writeTbl .dateSel01>div>span button { border:0 none; }
    .writeTbl .dateSel01>div .buttonSelect { border-left:1px solid #dedede; }
    .writeTbl .dateSel02 { max-width:none; }
    .writeTbl .dateSel02 button { border:0 none; }
    .writeTbl .sectGroup { max-width:none; padding-right:64px; }
    .writeTbl .sectGroup + .sectGroup { margin-top:0; border-top:1px solid #dedede; }
    .writeTbl .sectGroup .btnSect { top:0; height:100%; margin-top:0; border:0 none; border-left:1px solid #dedede; }
    .writeTbl .sectGroup .btnSect:after { height:18px; margin:-9px -1px 0 0; }
    .writeTbl .sectGroup .btnSect button { width:30px; height:100%; }
    .boardWrite .infoBox { padding:20px 15px; border-left:1px solid; border-right:1px solid; border-color:#dedede; font-size:15px; }
    .writeTbl td>.fileBox { max-width:none; padding-right:71px; border:0 none; border-bottom:1px solid #dedede; }
    .writeTbl td>.fileBox .btnAttach { border-right:0 none; }
    .writeTbl .fileList { max-width:none; padding:0 15px; font-size:14px; }
    .writeTbl .infoTxt { max-width:none; padding:0 15px 10px; }
    .writeTbl input[type="text"] + .infoTxt { margin-top:0; padding-top:10px; border-top:1px solid #dedede; }
    .writeTbl .guideTxt { display:none; }
    .writeTbl .fileGroup { padding-right:64px; font-size:15px; }
    .writeTbl .fileGroup + .fileGroup { margin-top:0; border-top:1px solid #dedede; }
    .writeTbl .fileGroup .fileBox { padding:0 72px 0 0; border:0 none; }
    .writeTbl .fileCount { display:none; }
    .writeTbl .fileBox .fileTxt { border-left:0 none; }
    .writeTbl .fileBox .btnAttach { width:70px; border-right:1px solid #dedede; background-color:transparent; }
    .writeTbl .fileGroup .btnFile { top:0; height:100%; margin-top:0; border:0 none; }
    .writeTbl .fileGroup .btnFile:after { height:18px; margin:-9px -1px 0 0; }
    .writeTbl .fileGroup .btnFile button { width:30px; height:100%; }
    .boardWrite>.guideTxt { display:block; }
    .boardWrite .boardBtn { margin-top:25px; }
}
@media all and (max-width:768px) {
    .writeTbl .dateSel01>div { display:block; width:auto; }
    .writeTbl .dateSel01>div:first-child { border-right:0 none; border-bottom:1px solid #dedede; }
}
@media all and (max-width:640px) {
    .boardWrite .tit { font-size:18px; }
    .boardWrite .tit span { font-size:13px; }
    .writeTbl tbody th { width:60px; font-size:14px; }
    .writeTbl tbody td { font-size:14px; }
    .writeTbl .buttonSelect { font-size:14px; }
    .writeTbl .editor.half { height:150px; }
    .writeTbl .dateSel01>div { font-size:14px; }
    .boardWrite .infoBox { font-size:14px; }
    .writeTbl td>.fileBox { padding-right:51px; }
    .writeTbl .fileList>a { margin-right:10px; }
    .writeTbl .infoTxt>p { font-size:13px; }
    .writeTbl .chBox label { padding-right:23px; }
    .writeTbl .chBox label:after { width:14px; height:14px; margin-top:-7px; }
    .writeTbl .chBox input:checked + label:after { background-size:9px auto; }    
    
    .writeTbl .fileGroup { font-size:14px; }
    .writeTbl .fileGroup .fileBox { padding:0 52px 0 0; }
    .writeTbl .fileBox .btnAttach { width:50px; }
    .writeTbl .fileBox .btnAttach>span { display:none; }
}
@media all and (max-width:420px) {
    .writeTbl tbody th { padding:5px 7px; font-size:13px; }
    .writeTbl tbody td { font-size:13px; }
    .writeTbl input[type="text"] { text-indent:10px; }
    .writeTbl .buttonSelect p button { padding:0 35px 0 10px; }
    .writeTbl .editor textarea { padding:10px; }
    .writeTbl .dateSel01>div { padding:0 0 0 3.5em; }
    .writeTbl .dateSel01>div .buttonSelect { position:static; width:auto; margin-left:-3.5em; border-left:0 none; border-top:1px solid #dedede; }
    .boardWrite .infoBox { padding:15px 10px; font-size:13px; }
    .writeTbl .fileList { padding:0 10px; font-size:13px; }
    .writeTbl .infoTxt { padding:0 10px 10px; }
}

/* Gallery List */
.boardList .copyInfo { margin-bottom:40px; padding:22px 25px 23px; background-color:#f4f6f8; font-weight:300; }
.boardList .copyInfo>span { display:block; padding:1px 0 2px 31px; background:url(../images/sub/icon_board_copy.png) left top no-repeat; }
.boardGall {  }
.boardGall>ul { overflow:hidden; margin:0 -1.079%; font-size:0; letter-spacing:-4px; }
.boardGall>ul>li { display:inline-block; width:22.842%; margin:0 1.079% 2.8%; font-size:16px; text-align:center; vertical-align:top; letter-spacing:normal; }

.boardGall>ul>li a { display:block; text-decoration:none; }
.boardGall>ul>li .thumb { overflow:hidden; position:relative; display:block; width:100%; height:0; padding-top:75%; }
.boardGall.col4>ul>li .thumb { padding-top:133.215%; }
.boardGall>ul>li .thumb img { position:absolute; top:0; left:0; width:100%; min-height:100%; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
.boardGall>ul>li .txtWrap { display:block; padding:8% 6%; border:1px solid #dedede; border-top:none; }
.boardGall>ul>li .txtWrap>em { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#222; }
.boardGall>ul>li .txtWrap>span { display:block; padding-top:10px; font-weight:300; color:#7c7c7c; }
.boardGall>ul>li .txtWrap>span:first-of-type { padding-top:12px; }
.boardGall>ul>li a:hover .thumb img { -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.boardGall + .pageNav { margin-top:32px; }

.boardGall.art>ul { margin:0 -2.1035%; }
.boardGall.art>ul>li { width:20.793%; margin: 0 2.1035% 2.8%; }
.boardGall.art>ul>li .thumb { padding-top:78.85%; }

@media all and (max-width:960px) {
    .boardList .copyInfo { margin-bottom:20px; padding:15px 20px; font-size:15px; }
    .boardList .copyInfo>span { padding:0; background:none; }
    .boardGall { margin-bottom:10px; }
    .boardGall>ul>li { width:31.17533%; }
    .boardGall>ul>li .txtWrap>em { font-size:16px; }
    .boardGall>ul>li .txtWrap>span { padding-top:7px; font-size:14px; }
    .boardGall>ul>li .txtWrap>span:first-of-type { padding-top:9px; }
    
    .boardGall.art>ul>li { width:29.12633%; }
}
@media all and (max-width:640px) {
    .boardList .copyInfo { margin-bottom:15px; font-size:14px; }
    .boardGall>ul>li { width:47.842%; }
    .boardGall>ul>li .txtWrap>em { font-size:15px; }
    .boardGall>ul>li .txtWrap>span { font-size:13px; }
    
    .boardGall.art>ul { margin:0 -1.079%; }
    .boardGall.art>ul>li { width:47.842%; margin:0 1.079% 2.8%; }
}

/* Gallery View */
.gallSlider { position:relative; padding-top:35px; }
.gallSlider .sliderFor .slick-slide { height:720px; }
.gallSlider .sliderFor .slick-slide img { display:block; height:100%; width:auto; max-width:none; margin:0 auto; }
.gallSlider .sliderFor .slick-arrow { overflow:hidden; position:absolute; top:50%; width:46px; height:46px; margin-top:-23px; background-color:rgba(7,0,1,0.5); background-position:center; background-repeat:no-repeat; background-size:auto 50%; border-radius:50%; text-indent:-999px; z-index:1; }
.gallSlider .sliderFor .slick-prev { left:2%; background-image:url(../images/sub/arrow_gall_prev_mo.png); }
.gallSlider .sliderFor .slick-next { right:2%; background-image:url(../images/sub/arrow_gall_next_mo.png); }
.gallSlider .sliderNav { max-width:650px; margin:35px auto 40px; padding:0 80px; }
.gallSlider .sliderNav .slick-slide { margin:0 2px; }
.gallSlider .sliderNav .slick-arrow { overflow:hidden; position:absolute; top:50%; width:50px; height:50px; margin-top:-25px; background-color:#fff; background-position:center; background-repeat:no-repeat; border:1px solid #d9d9d9; border-radius:50%; text-indent:-999px; z-index:1; }
.gallSlider .sliderNav .slick-prev { left:0; background-image:url(../images/sub/arrow_gall_prev.png); }
.gallSlider .sliderNav .slick-next { right:0; background-image:url(../images/sub/arrow_gall_next.png); }
.gallSlider .gallNum { display:none; position:absolute; bottom:15px; left:0; right:0; max-width:3em; margin:0 auto; padding:5px 10px; background-color:rgba(0,0,0,0.5); border-radius:15px; font-weight:300; font-size:13px; color:#fff; text-align:center; }
.gallView .boardBtn { text-align:center; }
.gallSlider .sliderNav .slick-track button { outline:0 none; }
.gallSlider .sliderNav .slick-track button>span { overflow:hidden; position:relative; display:block; padding-top:67%; outline:0 none; }
.gallSlider .sliderNav .slick-slide>span:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:2; }
.gallSlider .sliderNav .slick-current>span:after { background-color:transparent; }
.gallSlider .slick-slide img { position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%); }
.gallSlider .sliderNav .slick-track button img { display:block; position:absolute; top:50%; left:0; width:100%; height:auto; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); }
.gallBtnWrap { position:absolute; top:0; right:0; margin-top:-7px; }
.gallBtnWrap>span { display:inline-block; padding-right:6px; vertical-align:middle; letter-spacing:-0.02em; }
.gallBtnWrap>div { display:inline-block; vertical-align:middle; }
.gallBtnWrap>div>button { position:relative; overflow:hidden; width:34px; height:32px; background-position:center; background-repeat:no-repeat;  border:1px solid #ddd; vertical-align:middle; text-indent:-999px; }
.gallBtnWrap button.stop { display:none; }
.gallBtnWrap button.stop:before,
.gallBtnWrap button.stop:after { content:''; position:absolute; top:50%; width:3px; height:14px; margin-top:-7px; background-color:#777; }
.gallBtnWrap button.stop:before { left:11px; }
.gallBtnWrap button.stop:after { right:11px; }
.gallBtnWrap button.play:before { content:''; position:absolute; top:50%; left:50%; margin:-7px 0 0 -4px; border-style:solid; border-width:7px 0 7px 9px; border-color:transparent transparent transparent #777; }

@media all and (max-width:960px) {
    .gallSlider { margin:0 -2.3%; }
    .gallSlider .sliderNav { margin:15px auto 20px; }
	.gallSlider .sliderFor .slick-slide { height:auto; }
	.gallSlider .sliderFor .slick-slide img { position:static; width:100%; height:auto; -webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0); }
    .gallSlider .sliderForWrap { position:relative; }
    .gallSlider .gallNum { display:block; }
}
@media all and (max-width:640px) {
    .gallSlider .sliderFor .slick-arrow { width:38px; height:38px; margin-top:-19px }
    .gallSlider .sliderNav { padding:0 10px; }
    .gallSlider .gallNum { bottom:10px; }
}

/* 공연일정 - 목록 */
.proBoard .proBoardTop { position:relative; padding:20px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; font-size:0; vertical-align:top; letter-spacing:-4px; }
.proBoardTop .typeSelect { position:relative; display:inline-block; padding-left:39px; }
.proBoardTop .typeSelect>p { position:absolute; top:15px; left:0; font-size:16px; font-weight:300; color:#777; letter-spacing:normal; }
.proBoardTop .typeSelect .buttonSelect { display:block; min-width:120px; font-size:15px; letter-spacing:normal; }
.proBoardTop .proState { display:inline-block; margin-left:10px; font-size:0; vertical-align:top;letter-spacing:-4px; }
.proBoardTop .proState>button { width:90px; height:50px; background-color:#f2f2f2; border:1px solid #dedede; font-size:15px; color:#777; letter-spacing:normal; }
.proBoardTop .proState>button:first-child { border-right:0 none; }
.proBoardTop .proState>button.active { background-color:#fff; border-color:#333; color:#333; }
.proBoardTop .proState>button.active + button { border-left-color:#000; }
.proBoardTop .inputSearch { position:absolute; top:20px; right:140px; width:240px; padding-right:45px; border:1px solid #dedede; font-size:15px; box-sizing:border-box; }
.proBoardTop .inputSearch input[type="text"] { width:100%; height:48px; line-height:48px; border:0 none; font-weight:300; text-indent:15px; }
.proBoardTop .inputSearch input::-webkit-input-placeholder { color:#bbb; }
.proBoardTop .inputSearch input::-moz-placeholder { color:#bbb; }
.proBoardTop .inputSearch input: -ms-input-placeholder { color:#bbb; }
.proBoardTop .inputSearch button { position:absolute; top:0; right:0; overflow:hidden; width:45px; height:48px; background:url(../images/sub/btn_board_search.png) center no-repeat; text-indent:-999px; }
.proBoardTop .btnSearchOpen { position:absolute; top:20px; right:20px; display:inline-block; margin-left:6px; vertical-align:top; }
.proBoardTop .btnSearchOpen>button { width:110px; height:50px; background-color:#333; font-size:15px; color:#fff; }
.proBoardTop .searchMenu { display:none; position:absolute; top:100%; left:0; width:100%; margin-top:1px; padding:38px 6.7%; background-color:#f7f7f7; font-size:15px; font-weight:300; letter-spacing:normal; box-sizing:border-box; z-index:3; }
.proBoardTop .searchMenu>ul>li { position:relative; margin-top:20px; padding-left:10em; }
.proBoardTop .searchMenu>ul>li:first-child { margin-top:0; }
.proBoardTop .searchMenu>ul>li>span,
.proBoardTop .searchMenu>ul>li>label { position:absolute; top:0; left:0; width:9em; }
.proBoardTop .searchMenu>ul>li>span { padding-top:4px; }
.proBoardTop .searchMenu>ul>li>label { padding-top:14px; }
.checkboxList input { position:absolute; left:0; top:0; margin-left:-999px; }
.checkboxList li { position:relative; display:inline-block; margin-right:15px; overflow:hidden; }
.checkboxList li label { padding-left:28px; line-height:26px; font-size:15px; }
.checkboxList li label:after { position:absolute; left:0; top:50%; content:'.'; width:17px; height:17px; margin-top:-9px; background:#fff center no-repeat; border:1px solid #dedede; border-radius:3px; text-indent:-999px; }
.checkboxList li input:checked + label:after { background-image:url(../images/sub/bu_check.png); background-color:#5000bd; border-color:#5000bd; }
.checkboxList li input:focus + label:after { border-color:#5000bd; }
.proBoardTop .searchMenu input[type="text"] { width:51.5%; height:48px; line-height:48px; border:1px solid #dedede; color:#333; font-weight:300; text-indent:18px; }
.proBoardTop .searchMenu input::-webkit-input-placeholder { font-weight:300; color:#bbb; }
.proBoardTop .searchMenu input::-moz-placeholder { font-weight:300; color:#bbb; }
.proBoardTop .searchMenu input:-ms-input-placeholder { font-weight:300; color:#bbb; }
.proBoardTop .searchMenu .date { width:51.5%; font-size:0; letter-spacing:-4px; }
.proBoardTop .searchMenu .date div { position:relative; display:inline-block; width:47%; padding-right:57px; border:1px solid #ddd; font-size:14px; vertical-align:middle; letter-spacing:normal; box-sizing:border-box; }
.proBoardTop .searchMenu .date div input[type="text"] { width:100%; border:0 none; }
.proBoardTop .searchMenu .date div button { overflow:hidden; position:absolute; top:0; right:0; width:57px; height:100%; background:#fff url(../images/sub/btn_calendar.png) center no-repeat; text-indent:-999px; }
.proBoardTop .searchMenu .date span { display:inline-block; width:6%; font-size:16px; text-align:center; vertical-align:middle; letter-spacing:normal; }
.proBoardTop .searchMenu .btnProWrap { margin-top:60px; font-size:0; text-align:center; letter-spacing:-4px; }
.proBoardTop .searchMenu .btnProWrap>button { width:130px; height:50px; margin:0 5px; font-size:16px; letter-spacing:normal; }
.proBoardTop .searchMenu .btnProWrap .btnReset { background-color:#3e028f; color:#fff; }
.proBoardTop .searchMenu .btnProWrap .btnSearch { background-color:#5000bd; color:#fff; }
.proBoardTop .searchMenu .btnProWrap .btnClose { background-color:#fff; border:1px solid #333; color:#333; }
.proBoard .proBoardList { margin-top:38px; }
.proBoardList>ul { border:1px solid #dedede; border-top:0 none; }
.proBoardList>ul>li { padding:39px 4.9%; border-top:1px solid #dedede; }
.proBoardList>ul>li>div { position:relative; min-height:250px; padding-left:180px; text-decoration:none; }
.proBoardList .thumb { overflow:hidden; position:absolute; top:0; left:0; display:block; width:180px; max-height:250px; }
.proBoardList .thumb img { width:100%; min-height:250px; }
.proBoardList .thumb .type { position:absolute; top:0; left:0; display:block; min-width:4.9em; padding:5px 7px 6px; background-color:rgba(0,0,0,0.5); font-size:13px; font-weight:300; color:#fff; text-align:center; }
.proBoardList .thumb .end { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); color:#fff; text-align:center; z-index:1; }
.proBoardList .thumb .end>span { position:absolute; top:50%; left:0; width:100%; font-size:15px; line-height:1.3; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); }
.proBoardList .info { display:block; padding:20px 0 0 6.5%; }
.proBoardList .info>span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.proBoardList .info .tit { overflow:hidden; display:block; max-height:1.1925em; margin-bottom:5.5%; font-size:25px; }
.proBoardList .info>span { margin:14px 0 0 2px; padding-right:290px; font-size:16px; font-weight:300; line-height:1.4; }
.proBoardList .info>span>em { position:relative; display:inline-block; min-width:3.5em; padding:0 10px 0 18px; color:#777; }
.proBoardList .info>span>em:before { content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#666; border-radius:50%; }
.proBoardList .info .date { color:#5000bd; }
.proBoardList .info .date>span { padding-left:5px; }
.proBoardList .btnWrap { position:absolute; bottom:10px; right:0; font-size:0; }
.proBoardList .btnWrap>a { display:inline-block; min-width:140px; height:60px; line-height:58px; margin-left:5px; border:1px solid #999; border-radius:5px; font-size:16px; color:#333; text-align:center; text-decoration:none; }
.proBoardList .btnWrap>a:hover,
.proBoardList .btnWrap>a:focus,
.proBoardList .btnWrap>a:active { background-color:#5000bd; border-color:#5000bd; color:#fff; }
.proBoardList + .pageNav { margin-top:70px; padding-bottom:30px; }
.proBoardList .btnWrap>a:first-child { margin-left:0; }

@media all and (max-width: 960px) {
    .proBoard .proBoardTop { padding:10px 0 0; border:0 none; }
    .proBoardTop .typeSelect .buttonSelect { min-width:100px; }
    .proBoardTop .inputSearch { top:10px; right:90px; width:210px; }
    .proBoardTop .btnSearchOpen { top:10px; right:0; }
    .proBoardTop .btnSearchOpen>button { width:85px; }
    .proBoardTop .proState>button { width:70px; }
    .proBoardTop .searchMenu { margin-top:10px; padding:30px 4%; }
    .proBoardTop .searchMenu>ul>li { padding-left:0; }
    .proBoardTop .searchMenu>ul>li>span,
    .proBoardTop .searchMenu>ul>li>label { position:static; top:auto; left:auto; display:block; width:auto; padding:0 0 10px; font-weight:400; }
    .proBoardTop .searchMenu input[type="text"] { width:100%; }
    .proBoardTop .searchMenu .date { width:100%; }
    .proBoard .proBoardList { margin-top:25px; }
    .proBoardList>ul>li { padding:30px 3%; }
    .proBoardList .info { padding:10px 0 55px 5% }
    .proBoardList .info .tit { max-height:2.778em; font-size:19px; line-height:1.3; }
    .proBoardList .info .tit { font-size:19px; }
    .proBoardList .info>span { margin:12px 0 0 2px; padding-right:0; font-size:15px; }
    .proBoardList .info>span>em { padding:0 10px 0 15px; }
    .proBoardList .info>span>em:before { top:9px; width:3px; height:3px; }
    .proBoardList .btnWrap { bottom:0; }
    .proBoardList .btnWrap>a { min-width:130px; height:50px; line-height:48px; font-size:15px; }
}
@media all and (max-width: 640px) {
    .proBoard .proBoardTop { padding:0; }
    .proBoardTop .typeSelect { width:43%; box-sizing:border-box; }
    .proBoardTop .typeSelect>p { font-size:15px; }
    .proBoardTop .typeSelect .buttonSelect { min-width:auto; font-size:15px; }
    .proBoardTop .proState { width:57%; margin-left:0; padding-left:10px; box-sizing:border-box; }
    .proBoardTop .proState>button { width:50%; height:48px; font-size:15px; }
    
    .proBoardTop .inputSearch { position:relative; top:auto; right:auto; width:auto; margin-top:15px; }
    .proBoardTop .inputSearch input[type="text"] { height:46px; line-height:46px; }
    .proBoardTop .inputSearch button { height:46px; }
    
    .proBoardTop .btnSearchOpen { position:static; top:auto; right:auto; display:block; margin:10px 0 0; }
    .proBoardTop .btnSearchOpen>button { width:100%; height:48px; font-size:15px; }
    .proBoardTop .searchMenu { margin-top:5px; }
    .proBoardTop .searchMenu>ul>li { margin-top:15px; }
    .proBoardTop .searchMenu>ul>li>span,
    .proBoardTop .searchMenu>ul>li>label { padding:0 0 8px; font-size:14px; }
    .proBoardTop .searchMenu input[type="text"] { height:38px; line-height:38px; font-size:14px; text-indent:13px; }
    .proBoardTop .searchMenu .date div { padding-right:46px; }
    .proBoardTop .searchMenu .date div button { width:46px; }
    .checkboxList li { margin-right:12px; }
    .checkboxList li label { padding-left:22px; line-height:22px; font-size:14px; }
    .checkboxList li label:after { width:14px; height:14px; margin-top:-7px; border-radius:3px; }
    .checkboxList li input:checked + label:after { background-size:12px auto; }
    .proBoardTop .searchMenu .btnProWrap { margin:30px -0.5% 0; font-size:14px; }
    .proBoardTop .searchMenu .btnProWrap>button { width:32.33333%; height:48px; margin:0 0.5%; font-size:14px; }
    .proBoard .proBoardList { margin-top:20px; }
    .proBoardList>ul { border:0 none; border-top:1px solid #dedede; }    
    .proBoardList>ul>li { padding:25px 0; border-top:0 none; border-bottom:1px solid #dedede; font-size:0; letter-spacing:-4px; }
    .proBoardList>ul>li>div { min-height:auto; padding-left:0; }
    .proBoardList .thumb { position:relative; display:inline-block; width:45%; max-height:none; margin-right:5%; padding-top:62.5%; font-size:16px; vertical-align:top; letter-spacing:normal; }
    .proBoardList .thumb img { position:absolute; top:0; left:0; min-height:100%; }
    .proBoardList .thumb .type { padding:4px 6px; }
    .proBoardList .info { display:inline-block; width:50%; padding:10px 0 110px; font-size:16px; text-align:center; vertical-align:top; letter-spacing:normal; }
    .proBoardList .info .tit { font-size:17px; }
    .proBoardList .info>span { margin-top:7px; font-size:14px; }
    .proBoardList .info .date { color:#333; }
    .proBoardList .info .price,
    .proBoardList .info .age,
    .proBoardList .info>span>em,
    .proBoardList .info .date>span { display:none; }
    .proBoardList .btnWrap { width:50%; letter-spacing:normal; }
    .proBoardList .btnWrap>a { width:100%; margin:5px 0 0; }
    .proBoardList + .pageNav { margin-top:25px; }
}
@media all and (max-width: 380px) {
    .proBoardList .info { padding:5px 0 102px; }
    .proBoardList .info .tit { font-size:16px; }
    .proBoardList .info>span { font-size:13px; }
    .proBoardList .btnWrap>a { height:46px; line-height:44px; font-size:14px; }
}

/* 공연 일정 - 상세 */
.proBoard .proViewTop { position:relative; margin:0 5% 80px; font-size:0; letter-spacing:-4px; }
.proViewTop .poster { overflow:hidden; display:inline-block; width:38.89%; max-height:572px; margin-right:7.4%; font-size:16px; text-align:center; vertical-align:top; letter-spacing:normal; }
.proViewTop .poster img { width:100%; max-width:420px; }
.proViewTop .snsList { position:absolute; top:0; right:0; }
.proViewTop .snsList>p { display:inline; margin-right:9px; font-size:15px; font-weight:300; color:#666; vertical-align:middle; letter-spacing:normal; }
.proViewTop .snsList>ul { display:inline; vertical-align:middle; }
.proViewTop .snsList>ul>li { display:inline-block; margin-left:3px; font-size:16px; letter-spacing:normal; vertical-align:middle; }
.proViewTop .snsList>ul>li>a { display:block; box-sizing:border-box; }
.proViewTop .snsList>ul>li>a,
.proViewTop .snsList>ul>li>button { overflow:hidden; width:33px; height:33px; background-position:center; background-repeat:no-repeat; border:1px solid #c5c5c5; border-radius:50%; text-indent:-999px; }
.proViewTop .snsList .icon01 a,
.proViewTop .snsList .icon01 button { background-image:url(../images/perfor/icon_sns01.png); }
.proViewTop .snsList .icon02 a,
.proViewTop .snsList .icon02 button { background-image:url(../images/perfor/icon_sns02.png); }
.proViewTop .snsList .icon03 a,
.proViewTop .snsList .icon03 button { background-image:url(../images/perfor/icon_sns03.png); }
.proViewTop .snsList .icon04 a,
.proViewTop .snsList .icon04 button { background-image:url(../images/perfor/icon_sns04.png); }
.proViewTop .snsList .icon05 a,
.proViewTop .snsList .icon05 button { background-image:url(../images/perfor/icon_sns05.png); }
.proViewTop .txtWrap { display:inline-block; width:53.71%; margin:50px 0 11.5%; font-size:16px; vertical-align:top; letter-spacing:normal; }
.proViewTop .txtWrap>h4 { margin:2px 0 5.7%; font-size:30px; font-weight:500; line-height:1.3; color:#000; letter-spacing:-0.01em; }
.proViewTop .txtWrap>ul>li { overflow:hidden; margin-top:2%; font-weight:300; line-height:1.4; }
.proViewTop .txtWrap>ul>li:first-child { margin-top:0; }
.proViewTop .txtWrap>ul>li>em { float:left; min-width:5.5em; margin-right:13px; }
.proViewTop .txtWrap>ul>li>span { overflow:hidden; display:block; }
.proViewTop .txtWrap>ul>li>span>span { padding-left:12px; }
.proViewTop .txtWrap .btnReserv { position:absolute; bottom:0; right:0; width:53.71%; }
.proViewTop .txtWrap .btnReserv button { width:100%; height:70px; background-color:#5000bd; font-size:18px; color:#fff; }
.proViewTop .txtWrap .btnReserv button>span { padding:0 0 1px 33px; background:url(../images/perfor/btn_reserv.png) left center no-repeat; }
.proViewList .proViewTab { position:relative; margin-bottom:26px; }
.proViewTab>ul { display:table; table-layout:fixed; width:100%; border-top:1px solid #111; border-bottom:1px solid #dedede; text-align:center; line-height:1.1; }
.proViewTab>ul>li { position:relative; display:table-cell; vertical-align:middle; }
.proViewTab>ul>li:before { content:''; position:absolute; top:50%; left:0; width:1px; height:22px; margin-top:-11px; background-color:#dedede; }
.proViewTab>ul>li:first-child:before { display:none; }
.proViewTab>ul>li>a { display:block; padding:28px 0 27px; font-size:20px; color:#a6a6a6; text-decoration:none; }
.proViewTab>ul>li:hover>a,
.proViewTab>ul>li.on>a { color:#333; }
.proViewList .inner { font-weight:300; line-height:1.5; text-align:justify; }
.proBoard .fixBtnWrap { position:fixed; bottom:0; left:0; right:0; width:100%; max-width:1920px; margin:0 auto; background-color:#f7f7f7; text-align:center; z-index:9; }
.proBoard .fixBtnWrap.bottom { position:absolute; bottom:217px; }
.proBoard .fixBtnWrap div { overflow:hidden; max-width:1200px; margin:0 auto; padding:0 2.3%; }
.proBoard .fixBtnWrap ul { margin:10px -0.7%; font-size:0; letter-spacing:-4px; }
.proBoard .fixBtnWrap ul>li { display:inline-block; width:48.6%; margin:0 0.7%; font-size:18px; vertical-align:top;  letter-spacing:normal; }
.proBoard .fixBtnWrap ul>li>a { display:block; line-height:68px; background-color:#fff; border:1px solid #999; color:#444; text-decoration:none; }
.proBoard .fixBtnWrap ul>li>button { width:100%; height:70px; background-color:#5000bd; color:#fff; }
.proBoard .fixBtnWrap .list span { padding:0 0 1px 30px; background:url(../images/perfor/btn_list.png) left center no-repeat; }
.proBoard .fixBtnWrap .reserv span { padding-left:32px; background:url(../images/perfor/btn_reserv.png) left center no-repeat; }
@media all and (max-width: 960px) {
    .proBoard .proViewTop { margin:10px 0 50px; }
    .proViewTop .snsList { display:none; }
    .proViewTop .txtWrap { margin:0; }
    .proViewTop .txtWrap>h4 { font-size:23px; }
    .proViewTop .txtWrap .btnReserv { display:none; }
    .proViewList .proViewTab { margin-bottom:20px; }
    .proViewTab>ul>li>a { padding:22px 0 21px; font-size:16px; }
    .proBoard .fixBtnWrap.bottom { bottom:147px; }
}
@media all and (max-width: 640px) {
    .proBoard .proViewTop { margin:0 0 40px; }
    .proViewTop .poster { display:block; width:70%; margin:0 auto; }
    .proViewTop .txtWrap { display:block; width:auto; margin-top:30px; font-size:15px; }
    .proViewTop .txtWrap>h4 { margin:0 0 20px; font-size:20px; }
    .proViewTop .txtWrap>ul>li { margin-top:13px; }
    .proViewList .proViewTab { margin-bottom:15px; }
    .proViewTab>ul>li>a { font-size:14px; }
    .proViewList .inner { font-size:14px; }
    .proBoard .fixBtnWrap.bottom { bottom:144px; }
    .proBoard .fixBtnWrap ul>li { font-size:17px; }
    .proBoard .fixBtnWrap ul>li>a { line-height:58px; }
    .proBoard .fixBtnWrap ul>li>button { height:60px; }
}

/* 공연모음 - 목록 */
.proBoard .arcBoardList { margin-top:38px; }
.arcBoardList>ul { border:1px solid #dedede; border-top:0 none; }
.arcBoardList>ul>li { position:relative; padding:30px; border-top:1px solid #dedede; font-size:0; letter-spacing:-4px; }
.arcBoardList .thumb { display:inline-block; width:45.695%; margin-right:5%; font-size:16px; vertical-align:top; letter-spacing:normal; }
.arcBoardList .thumb>a { overflow:hidden; position:relative; display:block; width:100%; padding-top:63.65%; }
.arcBoardList .thumb img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.arcBoardList .info { display:inline-block; width:49.305%; margin-bottom:80px; font-size:16px; vertical-align:top; letter-spacing:normal; }
.arcBoardList .info>a { display:block; text-decoration:none; }
.arcBoardList .info .tit { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:4.5% 0 3%; font-size:26px; }
.arcBoardList .info .txt { display:block; overflow:hidden; /*height:6.118em;*/ height:7.7em; font-size:17px; font-weight:300; line-height:1.55; }
.arcBoardList .info>ul { position:absolute; right:30px; bottom:30px; width:49.305%; margin:0 -1% 1%; /*margin:9% -1% 0;*/ font-size:0; letter-spacing:-4px; }
.arcBoardList .info>ul>li { display:inline-block; width:20%; font-size:15px; font-weight:300; text-align:center; vertical-align:top; letter-spacing:normal; }
.arcBoardList .info>ul>li>a { display:block; padding-top:54px; color:#000; }
.arcBoardList .info>ul .icon01 a { background:url(../images/archive/icon_archive01.svg) center 10px no-repeat; background-size:42px auto; }
.arcBoardList .info>ul .icon02 a { background:url(../images/archive/icon_archive02.svg) center 8px no-repeat; background-size:36px auto; }
.arcBoardList .info>ul .icon03 a { background:url(../images/archive/icon_archive03.svg) center 7px no-repeat; background-size:41px auto; }
.arcBoardList .info>ul .icon04 a { background:url(../images/archive/icon_archive04.svg) center 7px no-repeat; background-size:28px auto; }
.arcBoardList .info>ul .icon05 a { background:url(../images/archive/icon_archive05.svg) center 7px no-repeat; background-size:34px auto; }
.arcBoardList .info>ul .icon06 a { background:url(../images/archive/icon_archive06.svg) center top no-repeat; background-size:23px auto; }
.arcBoardList .info>ul .icon07 a { background:url(../images/archive/icon_archive07.svg) center 9px no-repeat; background-size:36px auto; }
.arcBoardList .info>ul .icon08 a { background:url(../images/archive/icon_archive08.svg) center 9px no-repeat; background-size:31px auto; }
.arcBoardList .info>ul .icon09 a { background:url(../images/archive/icon_archive09.svg) center 9px no-repeat; background-size:31px auto; }
.arcBoardList + .pageNav { margin-top:70px; padding-bottom:30px; }
/* 공연모음 - 상세 */
.proViewTop .txtWrap .linkList { position:absolute; bottom:0; right:0; width:53.71%; }
.proViewTop .txtWrap .linkList>ul { border-radius:5px; font-size:0; letter-spacing:-4px; }
.proViewTop .txtWrap .linkList>ul>li { display:inline-block; width:20%; padding:15px 0; background-color:#fcfcfc; border-top:1px solid #ededed; border-bottom:1px solid #ededed; font-size:15px; font-weight:300; text-align:center; letter-spacing:normal; box-sizing:border-box; }
.proViewTop .txtWrap .linkList>ul>li.first { border-left:1px solid #ededed; border-radius:5px 0 0 5px; }
.proViewTop .txtWrap .linkList>ul>li.last { border-right:1px solid #ededed; border-radius:0 5px 5px 0; }
.proViewTop .txtWrap .linkList>ul>li.first.last { border-radius:5px; }
.proViewTop .txtWrap .linkList>ul>li>a { display:block; padding:50px 0 5px; background-position:center top; background-repeat:no-repeat; border-left:1px dashed #ededed; color:#000; }
.proViewTop .txtWrap .linkList>ul>li:first-child>a { border-left:0 none; }
.proViewTop .txtWrap .linkList>ul .icon01 a { background:url(../images/archive/icon_archive01.svg) center 10px no-repeat; background-size:42px auto; }
.proViewTop .txtWrap .linkList>ul .icon02 a { background:url(../images/archive/icon_archive02.svg) center 8px no-repeat; background-size:36px auto; }
.proViewTop .txtWrap .linkList>ul .icon03 a { background:url(../images/archive/icon_archive03.svg) center 7px no-repeat; background-size:41px auto; }
.proViewTop .txtWrap .linkList>ul .icon04 a { background:url(../images/archive/icon_archive04.svg) center 7px no-repeat; background-size:28px auto; }
.proViewTop .txtWrap .linkList>ul .icon05 a { background:url(../images/archive/icon_archive05.svg) center 7px no-repeat; background-size:34px auto; }
.proViewTop .txtWrap .linkList>ul .icon06 a { background:url(../images/archive/icon_archive06.svg) center top no-repeat; background-size:23px auto; }
.proViewTop .txtWrap .linkList>ul .icon07 a { background:url(../images/archive/icon_archive07.svg) center 9px no-repeat; background-size:36px auto; }
.proViewTop .txtWrap .linkList>ul .icon08 a { background:url(../images/archive/icon_archive08.svg) center 9px no-repeat; background-size:31px auto; }
.proViewTop .txtWrap .linkList>ul .icon09 a { background:url(../images/archive/icon_archive09.svg) center 9px no-repeat; background-size:31px auto; }
@media all and (max-width: 1200px) {
    .arcBoardList .info .tit { margin:3% 0 2.5%; }
}
@media all and (max-width: 960px) {
    .proBoard .arcBoardList { margin-top:25px; }
    .arcBoardList>ul { border:0 none; border-bottom:1px solid #dedede; }
    .arcBoardList>ul>li { padding:30px 0; }
    .arcBoardList .thumb { margin-right:3%; }
    .arcBoardList .info { width:51.305%; }
    .arcBoardList .info .tit { font-size:17px; }
    .arcBoardList .info .txt { font-size:15px; }
    .arcBoardList .info>ul { right:0; width:51.305%; margin:0 0 1%; }
    .arcBoardList .info>ul>li { font-size:14px; }
    
    .proViewTop .txtWrap .linkList { position:static; width:auto; margin-top:20px; }
    .proViewTop .txtWrap .linkList>ul { padding:10px 0; }
    .proViewTop .txtWrap .linkList>ul>li { font-size:14px; }
    .proViewTop .txtWrap .linkList>ul>li>a { padding:45px 0 5px; }
    .proViewTop .txtWrap .linkList>ul .icon01 a { background-size:37px auto; }
    .proViewTop .txtWrap .linkList>ul .icon02 a { background-size:32px auto; }
    .proViewTop .txtWrap .linkList>ul .icon03 a { background-size:37px auto; }
    .proViewTop .txtWrap .linkList>ul .icon04 a { background-size:24px auto; }
    .proViewTop .txtWrap .linkList>ul .icon05 a { background-size:30px auto; }
    .proViewTop .txtWrap .linkList>ul .icon06 a { background-size:19px auto; }
    .proViewTop .txtWrap .linkList>ul .icon07 a { background-size:32px auto; }
    .proViewTop .txtWrap .linkList>ul .icon08 a { background-size:28px auto; }
    .proViewTop .txtWrap .linkList>ul .icon09 a { background-size:28px auto; }
}
@media all and (max-width: 640px) {
    .proBoard .arcBoardList { margin-top:20px; }
    .arcBoardList>ul>li { padding:25px 0; }
    .arcBoardList .thumb { display:block; width:auto; margin-right:0; }
    .arcBoardList .info { display:block; width:auto; margin:25px 0 0; text-align:center; }
    .arcBoardList .info .tit { font-size:16px; }
    .arcBoardList .info .txt { font-size:14px; word-break:break-all; text-align:justify; }
    .arcBoardList .info>ul { position:static; right:auto; bottom:auto; width:auto; margin:20px 0 0; }
    .arcBoardList .info>ul>li { font-size:13px; }
    .arcBoardList + .pageNav { margin-top:25px; padding-bottom:0; }
    
    .proViewTop .txtWrap .linkList>ul>li { font-size:13px; }
}

/* 찾아가는 음악회 */
.designLayout01 { max-width:1080px; margin:0 auto; }
.designLayout01 .topTxt { margin-bottom:40px; font-weight:300; font-size:18px; text-align:center; line-height:1.45; }
.designLayout01 .topTxt.visiting:after { content:''; display:block; width:100%; height:320px; background:url(../images/perfor/bg_visiting_concerts.png) center no-repeat; border-bottom:1px solid #e6e6e6; }
.designLayout01 .topTxt>span { display:block; }
.designLayout01 .rowTxt { overflow:hidden; margin:0 3.2%; font-size:17px; }
.designLayout01 .rowTxt>dt { display:inline-block; margin:30px 0 10px; padding:6px 13px 7px; background-color:#1250a1; border-radius:15px; color:#fff; }
.designLayout01 .rowTxt>dt:first-child { margin-top:0; }
.designLayout01 .rowTxt>dd { overflow:hidden; margin-left:2px; font-weight:300; line-height:1.5; }
.designLayout01 .rowTxt>dd>em { display:block; margin-bottom:13px; font-weight:400; }
.designLayout01 .rowTxt>dd .dotTxtList { margin-top:0; }
.designLayout01 .rowTxt + .btnLk { margin-top:60px; }

@media all and (max-width: 1080px) {
    .designLayout01 .topTxt>span { display:inline; }
}
@media all and (max-width: 960px) {
    .designLayout01 .topTxt { font-size:15px; }
    .designLayout01 .topTxt.visiting:after { height:0; padding-top:45%; background-size:90% auto; }
    .designLayout01 .rowTxt { margin:0; font-size:15px; }
    .designLayout01 .rowTxt + .btnLk { margin-top:50px; }
}
@media all and (max-width: 640px) {
    .designLayout01 .topTxt { margin-bottom:35px; font-size:14px; text-align:justify; }
    .designLayout01 .rowTxt { font-size:14px; }
    .designLayout01 .rowTxt>dt { margin:25px 0 7px; padding:5px 13px 6px; }
}

/* 좌석배치도 */
.seatChart { margin-top:80px; }
.seatChart .info { margin:68px 0 40px; text-align:center; }
.seatChart .info:first-of-type { margin-top:0; }
.seatChart .info>p { display:inline-block; font-size:24px; color:#000; vertical-align:middle; }
.seatChart .info>a { overflow:hidden; display:inline-block; width:26px; height:26px; margin-left:9px; background:url(../images/sub/icon_zoom_in.png) center no-repeat; vertical-align:middle; text-indent:-999px; }
.seatChart .chartBox { position:relative; padding:45px 5% 40px; border:1px solid #dedede; text-align:center; }
.seatChart .btnSeatPrint { position:absolute; top:0; left:0; min-width:130px; height:60px; background-color:rgba(0,0,0,0.75); font-weight:300; color:#fff; }
.seatChart .btnSeatPrint>span { display:inline-block; padding-right:30px; background:url(../images/perfor/btn_seat_print.png) right center no-repeat; }
.seatChart .btnMoZoom { display:none; }
.seatChart .btnLk { margin-top:90px; }
.seatChartPrint { display:none; }

@media all and (max-width: 960px) {
    .seatChart { margin-top:40px; }
    .seatChart .info { margin:40px 0 25px; }
    .seatChart .info>p { font-size:21px; }
    .seatChart .info>a { display:none; }
    .seatChart .chartBox { padding:35px 4% 30px; }
    .seatChart .btnSeatPrint { display:none; }
    .seatChart .btnMoZoom { display:block; }
    .seatChart .btnLk { margin-top:60px; }
}
@media all and (max-width: 640px) {
    .seatChart .info>p { font-size:20px; }
    .seatChart .chartBox { padding:25px 4% 20px; }
    .seatChart .btnMoZoom>a { font-size:15px; }
    .seatChart .btnLk { margin-top:40px; }
}

/* 부천시립예술단 소개 */
.artIntro { margin-top:70px; }
.artIntro .topTxt { margin-bottom:40px; font-size:27px; font-weight:300; color:#000; text-align:center; line-height:1.4; }
.artIntro .topTxt em { font-weight:500; }
.artIntro .img { margin-bottom:45px; }
.artIntro .txtWrap { font-size:17px; font-weight:300; line-height:1.5; text-align:justify; }
.artIntro .txtWrap>p { margin-top:25px; }
.artIntro .txtWrap>p:first-child { margin-top:0; }
.artIntro .dualImg { margin:35px -5px 0; font-size:0; letter-spacing:-4px; }
.artIntro .dualImg>li { display:inline-block; width:50%; padding:10px 5px 0; font-size:16px; vertical-align:top; letter-spacing:normal; box-sizing:border-box; }
.artIntro .dualImg>li img { width:100%; }

.artIntro .contact { display:table; table-layout:fixed; width:100%; max-width:1110px; margin:50px auto 0; font-size:0; letter-spacing:-4px; }
.artIntro .contact>li { position:relative; display:table-cell; padding:12px 20px 30px; font-size:16px; text-align:center; vertical-align:top; letter-spacing:normal; box-sizing:border-box; }
.artIntro .contact>li:before { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#ededed; }
.artIntro .contact>li:first-child:before { display:none; }
.artIntro .contact>li>em { display:block; padding-top:74px; background-position:center top; background-repeat:no-repeat; font-size:21px; font-weight:500; color:#000; }
.artIntro .contact>li.icon01>em { background-image:url(../images/art/icon_contact01.png); }
.artIntro .contact>li.icon02>em { background-image:url(../images/art/icon_contact02.png); }
.artIntro .contact>li.icon03>em { background-image:url(../images/art/icon_contact03.png); }
.artIntro .contact>li>span { display:block; margin-top:13px; font-size:17px; font-weight:300; line-height:1.5; }

@media all and (max-width: 960px) {
    .artIntro { margin-top:35px; }
    .artIntro .topTxt { margin-bottom:30px; font-size:22px; }
    .artIntro .img { position:relative; margin:0 -2.3% 25px; padding-top:44.67%; }
    .artIntro .img01 { margin:0 -2.3% 25px; }
    .artIntro .img img { position:absolute; top:0; left:50%; max-width:none; width:105%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%); }
    .artIntro .txtWrap { word-break:normal; }
    .artIntro .txtWrap>p { margin-top:20px; }
    .artIntro .txtWrap { font-size:15px; }
    .artIntro .contact { margin:30px auto 0; }
    .artIntro .contact>li { padding:8px 5px; }
    .artIntro .contact>li>em { padding-top:60px; background-size:auto 50px; font-size:18px; }
    .artIntro .contact>li>span { margin-top:10px; font-size:14px; }
}
@media all and (max-width: 640px) {
    .artIntro { margin-top:30px; }
    .artIntro .topTxt { margin-bottom:20px; font-size:17px; }
    .artIntro .img { margin:0 -2.3% 20px; }
    .artIntro .txtWrap { font-size:14px; word-break:break-all; }
    .artIntro .txtWrap>p { margin-top:15px; }
    .artIntro .dualImg>li { display:block; width:auto; margin-top:10px; padding:0; }
    .artIntro .dualImg>li:first-child { margin-top:0; }
    .artIntro .contact>li>em { padding-top:60px; background-size:auto 50px; font-size:15px; }
    .artIntro .contact>li>span { margin-top:10px; font-size:13px; }
    
}

/* 인사말 */
.artGreet { margin-top:60px; }
.artGreet .txtWrap { float:right; width:54.16667%; font-size:17px; font-weight:300; line-height:1.53; text-align:justify; }
.artGreet .txtWrap.w100 { width:100%; }
.artGreet .txtWrap>p { margin-top:26px; }
.artGreet .txtWrap>p:first-child { margin-top:5px; }
.artGreet .img { float:left; width:41.66667%; margin-right:4.16666%; text-align:center; }
.artGreet .img img { width:100%; max-width:500px; }
.artGreet .signature { float:right; width:54.16667%; margin-top:43px; font-size:18px; color:#111; }
.artGreet .signature.w100 { width:100%; }
.artGreet .signature>p { margin-top:5px; }
.artGreet .signature>p>span { display:inline-block; margin:3px 8px 0 0; vertical-align:middle; }
.artGreet .signature>p>em { display:inline-block; font-size:26px; font-weight:500; vertical-align:middle; }

@media all and (max-width: 960px) {
    .artGreet { margin-top:35px; }
    .artGreet .txtWrap { float:none; width:auto; font-size:15px; word-break:normal; }
    .artGreet .txtWrap>p { margin-top:20px; }
    .artGreet .txtWrap>p:first-child { margin-top:0; }
    .artGreet .img { float:none; width:auto; margin:40px 0 0; }
    .artGreet .img img { width:60%; }
    .artGreet .signature { float:none; width:auto; margin-top:20px; font-size:16px; text-align:center; }
    .artGreet .signature>p { margin-top:3px; }
    .artGreet .signature>p>em { font-size:23px; }
}
@media all and (max-width: 640px) {
    .artGreet { margin-top:30px; }
    .artGreet .txtWrap { font-size:14px; }
    .artGreet .txtWrap>p { margin-top:15px; }
    .artGreet .img { margin:35px 0 0; }
    .artGreet .signature { font-size:15px; }
    .artGreet .signature>p>em { font-size:18px; }
}

/* 프로필 */
.artProfile { margin-top:75px; }
.artProfile .topTxt { margin-bottom:40px; font-size:27px; font-weight:300; color:#000; text-align:center; }
.artProfile .topTxt>span { display:inline-block; }
.artProfile .topTxt em { font-weight:500; }
.artProfile .txtWrap { font-size:17px; font-weight:300; line-height:1.5; text-align:justify; }
.artProfile .txtWrap>p { margin-top:25px; }
.artProfile .txtWrap>p:first-child { margin-top:0; }
.artProfile .img { margin:45px 0; }
.artProfile .img img { width:100%; }
.artProfile .profile dt { margin-bottom:13px; font-size:20px; }
.artProfile .profile dd { font-size:17px; font-weight:300; line-height:1.5; }

@media all and (max-width: 960px) {
    .artProfile { margin-top:45px; }
    .artProfile .topTxt { margin-bottom:25px; font-size:22px; }
    .artProfile .txtWrap { font-size:15px; word-break:normal; }
    .artProfile .txtWrap>p { margin-top:20px; }
    .artProfile .img { margin:25px 0; }
    .artProfile .profile dt { margin-bottom:8px; font-size:17px; }
    .artProfile .profile dd { font-size:15px; }
}
@media all and (max-width: 640px) {
    .artProfile { margin-top:35px; }
    .artProfile .topTxt { margin-bottom:20px; font-size:17px; }
    .artProfile .txtWrap { font-size:14px; }
    .artProfile .txtWrap>p { margin-top:15px; }
    .artProfile .profile dt { font-size:16px; }
    .artProfile .profile dd { font-size:14px; }
}

/* 역대 지휘자 */
.conducList .sliderWrap { position:relative; }
.conducList .conducSlider { margin:60px 0 40px; padding:0 80px; }
.conducList .conducSlider .slick-slide { position:relative; margin:0 30px; font-size:15px; text-align:center; outline:0 none; }
.conducList .conducSlider .slick-track a { font-size:16px; text-align:center; text-decoration:none; }
.conducList .conducSlider .thumb { position:relative; overflow:hidden; display:block; width:100%; padding-top:133.5%; }
.conducList .conducSlider .thumb img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.conducList .conducSlider .slick-current .thumb:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid #5000bd; box-sizing:border-box; z-index:2; }
.conducList .conducSlider .txt { display:block; padding:19px 5% 0; line-height:1.3; white-space:normal; }
.conducList .conducSlider .txt>span { display:block; margin-bottom:8px; font-weight:300; color:#555; }
.conducList .conducSlider .txt>em { display:block; font-size:17px; }
.conducList .conducCtrl { position:absolute; top:50%; width:100%; margin-top:-35px; }
.conducList .conducCtrl button { overflow:hidden; position:absolute; top:50%; width:50px; height:50px; margin-top:-25px; background-color:#fff; background-position:center; background-repeat:no-repeat; border:1px solid #d9d9d9; border-radius:50%; text-indent:-999px; z-index:1; }
.conducList .conducCtrl .btnPrev { left:0; background-image:url(../images/sub/arrow_gall_prev.png); }
.conducList .conducCtrl .btnNext { right:0; background-image:url(../images/sub/arrow_gall_next.png); }
.conducList .inner { padding:50px 20px 0; border-top:1px solid #ededed; }
.conducList .sliderFor { padding:50px 20px 0; border-top:1px solid #ededed; }
.conducList .profileWrap { font-size:0; letter-spacing:-4px; outline:0 none; }
.conducList .profileWrap .thumb { display:inline-block; width:38.794%; margin-right:3.3%; font-size:16px; text-align:center; vertical-align:top; letter-spacing:normal; }
.conducList .profileWrap .thumb img { display:inline; width:100%; }
.conducList .profileWrap .txtWrap { display:inline-block; width:57.906%; font-size:17px; vertical-align:top; letter-spacing:normal; white-space:normal; /*word-break:keep-all;*/ text-align:justify; }
.conducList .profileWrap .txtWrap .top { margin-bottom:34px; color:#111; }
.conducList .profileWrap .txtWrap .top>dt { margin:-2px 0 9px; font-size:20px; }
.conducList .profileWrap .txtWrap .top>dd { font-size:34px; font-weight:500; }
.conducList .profileWrap .txtWrap>div>p { margin-top:26px; font-weight:300; line-height:1.55; }
.conducList .profileWrap .txtWrap>div>p:first-child { margin-top:0; }

@media all and (max-width: 1152px) {
    .conducList .conducSlider .slick-slide { margin:0 10px; }
}
@media all and (max-width: 960px) {
    .conducList .conducSlider { margin:40px 0 30px; padding:0 50px; }
    .conducList .conducSlider .txt>span { margin-bottom:6px; font-size:15px; }
    .conducList .conducSlider .txt>em { font-size:17px; }
    .conducList .conducCtrl button { width:42px; height:42px; margin-top:-21px; background-size:auto 35%; }
    .conducList .inner { padding:35px 0 0; }
    .conducList .sliderFor { padding:35px 0 0; }
    .conducList .profileWrap .txtWrap .top { margin-bottom:25px }
    .conducList .profileWrap .txtWrap .top>dt { font-size:18px; }
    .conducList .profileWrap .txtWrap .top>dd { font-size:30px; }
    .conducList .profileWrap .txtWrap { font-size:15px; }
    .conducList .profileWrap .txtWrap>div>p { margin-top:20px; line-height:1.4; }
}
@media all and (max-width: 640px) {
    .conducList .conducSlider { margin:35px 0 25px; padding:0 35px; }
    .conducList .conducSlider .slick-slide { margin:0 5px; }
    .conducList .conducSlider .txt>span { margin-bottom:6px; font-size:13px; }
    .conducList .conducSlider .txt>em { font-size:15px; }
    .conducList .conducCtrl button { width:34px; height:34px; margin-top:-17px; }
    .conducList .profileWrap .thumb { display:block; width:auto; margin:0 0 22px; }
    .conducList .profileWrap .thumb img { max-width:55%; }
    .conducList .profileWrap .txtWrap { display:block; width:auto; }
    .conducList .profileWrap .txtWrap .top { text-align:center; }
    .conducList .profileWrap .txtWrap .top>dt { margin:0 0 6px; font-size:16px; }
    .conducList .profileWrap .txtWrap .top>dd { font-size:25px; }
    .conducList .profileWrap .txtWrap { font-size:14px; }
}

/* 단원소개 */
.memImgMap { margin:80px 0 60px; text-align:center; }
.memImgMap area { outline:0 none; }
.memImgMap .btnMoZoom { display:none; }
.memPartTab { overflow-y:auto; }
.memPartTab>ul { border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; font-size:0; text-align:center; line-height:1.1; letter-spacing:-4px; white-space:nowrap; }
.memPartTab>ul>li { display:inline-block; padding-left:15px; font-size:16px; vertical-align:middle; letter-spacing:normal; }
.memPartTab>ul>li:first-child { padding-left:0; }
.memPartTab>ul>li>a { position:relative; display:block; padding:19px 0 21px; font-weight:300; color:#999; text-decoration:none; }
.memPartTab>ul>li:hover>a,
.memPartTab>ul>li.on>a { font-weight:400; color:#000; letter-spacing:-0.02em; }
.memPartTab>ul>li>a:hover:before,
.memPartTab>ul>li.on>a:before { content:''; position:absolute; top:-1px; left:0; width:100%; height:3px; background-color:#000; }
.memPartList { margin-top:40px; }
.memPartList>ul { overflow:hidden; margin:0 -1.017%; font-size:0; letter-spacing:-4px; }
.memPartList>ul>li { display:inline-block; width:12.25171%; margin:0 1.017% 4.7%; font-size:14px; text-align:center; vertical-align:top; letter-spacing:normal; }
.memPartList>ul>li>a { display:block; text-decoration:none; }
.memPartList>ul>li .thumb { overflow:hidden; position:relative; display:block; width:100%; height:0; padding-top:133.34%; }
.memPartList>ul>li .thumb:before { content:''; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(4,10,125,0.8); z-index:1; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
.memPartList>ul>li .thumb img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.memPartList>ul>li .thumb .more { display:none; position:absolute; top:50%; left:0; width:100%; font-weight:300; font-size:15px; color:#fff; z-index:2; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); }
.memPartList>ul>li .thumb .more i { padding-right:26px; background:url(../images/art/icon_profile.png)right center no-repeat; font-style:normal; }
.memPartList>ul>li>a:hover .thumb:before,
.memPartList>ul>li>a:focus .thumb:before,
.memPartList>ul>li>a:active .thumb:before { display:inline; }
.memPartList>ul>li>a:hover .thumb .more,
.memPartList>ul>li>a:focus .thumb .more,
.memPartList>ul>li>a:active .thumb .more { display:inline; }
.memPartList>ul>li .txtWrap { display:block; padding-top:19px; }
.memPartList>ul>li .txtWrap>span { display:block; margin-bottom:8px; font-weight:300; color:#555; }
.memPartList>ul>li .txtWrap>em { display:block; font-size:16px; }
.layerPop { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.7); z-index:10; }
.layerPop .layerBox { position:absolute; top:50%; left:50%; width:100%; padding:0 10px; text-align:center; box-sizing:border-box; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); }
.memProfile { position:relative; max-width:720px; margin:0 auto; padding:40px; background-color:#fff; }
.memProfile .inner { font-size:0; letter-spacing:-4px; }
.memProfile .thumb { overflow:hidden; position:relative; display:inline-block; width:41.667%; height:0; margin-right:5.55555%; padding-top:55.695%; font-size:16px; text-align:center; vertical-align:top; letter-spacing:normal; }
.memProfile .thumb img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.memProfile .txtWrap { display:inline-block; width:52.77745%; margin-top:8px; font-size:16px; text-align:left; vertical-align:top; letter-spacing:normal; }
.memProfile .txtWrap>ul { padding-bottom:25px; border-bottom:1px solid #dedede; }
.memProfile .txtWrap>ul .posi { font-size:24px; color:#444; }
.memProfile .txtWrap>ul .name { margin-bottom:6px; font-size:31px; font-weight:600; color:#111; }
.memProfile .txtWrap>ul .date { margin-top:22px; font-size:18px; font-weight:300; color:#777; }
.memProfile .txtWrap>ul .name>span { padding-left:10px; font-size:20px; font-weight:400; color:#999; }
.memProfile .txtWrap>dl { margin-top:25px; }
.memProfile .txtWrap>dl>dt { margin-bottom:16px; font-size:20px; color:#222; }
.memProfile .txtWrap>dl>dd { overflow-y:auto; max-height:230px; padding:0 15px 0 2px; font-weight:300; }
.memProfile .txtWrap>dl>dd li { position:relative; margin-top:9px; padding-left:22px; line-height:1.6; }
.memProfile .txtWrap>dl>dd li:first-child { margin-top:0; }
.memProfile .txtWrap>dl>dd li:before { content:''; position:absolute; top:12px; left:0; width:5px; height:5px; background-color:#999; border-radius:50%; }
.memProfile .btnClose { overflow:hidden; position:absolute; top:30px; right:30px; width:24px; height:24px; background:url(../images/art/btn_pop_close.png) center no-repeat; text-indent:-999px; }

@media all and (max-width: 960px) {
    .memImgMap { margin:50px 0 30px; }
    .memImgMap .btnMoZoom { display:block; }
    .memPartTab>ul>li { padding-left:15px; font-size:15px; }
    .memPartTab>ul>li>a { padding:17px 0 19px; }
    .memPartList { margin-top:30px; }
    .memPartList>ul>li { width:17.966%; }
    .memPartList>ul>li .txtWrap { padding-top:17px; }
    .memPartList>ul>li .txtWrap>span { font-size:13px; }
    .memPartList>ul>li .txtWrap>em { font-size:15px; }
    .memProfile { padding:40px 15px; }
    .memProfile .txtWrap>ul .posi { font-size:22px; }
    .memProfile .txtWrap>ul .name { font-size:28px; }
    .memProfile .txtWrap>ul .date { font-size:16px; }
    .memProfile .txtWrap>ul .name>span { padding-left:8px; font-size:18px; }
    .memProfile .txtWrap>dl>dt { font-size:18px; }
    .memProfile .txtWrap>dl>dd { font-size:15px; }
    .memProfile .txtWrap>dl>dd li:before { top:10px; }
}
@media all and (max-width: 640px) {
    .memPartList { margin-top:30px; }
    .memPartList>ul { margin:0 -1.984%; }
    .memPartList>ul>li { width:29.36533%; margin:0 1.984% 4.7%; }
    .memPartList>ul>li .txtWrap { padding-top:15px; }
    .memPartList>ul>li { width:29.36533%; }
    .memPartList>ul>li .thumb .more i { padding-right:22px; background-size:15px auto; font-size:14px; }
    .memPartList>ul>li .txtWrap>span { margin-bottom:5px; }
    .memPartList>ul>li .txtWrap>em { font-size:14px; }
    .memProfile { padding:40px 20px 20px; }
    .memProfile .thumb { display:block; width:auto; /*max-width:60%; margin:0 auto; padding-top:80%;*/ width:180px; margin:0 auto; padding-top:241px; }
    .memProfile .txtWrap { display:block; width:auto; margin-top:13px; }
    .memProfile .txtWrap>ul { padding-bottom:15px; text-align:center; }
    .memProfile .txtWrap>ul .posi { font-size:16px; }
    .memProfile .txtWrap>ul .name { margin-top:4px; font-size:18px; font-weight:500; }
    .memProfile .txtWrap>ul .date { margin-top:12px; font-size:13px; }
    .memProfile .txtWrap>dl { margin-top:15px; }
    .memProfile .txtWrap>dl>dt { margin-bottom:10px; font-size:15px; }
    .memProfile .txtWrap>dl>dd { max-height:6em; font-size:13px; }
    .memProfile .txtWrap>dl>dd li { margin-top:6px; padding-left:12px; line-height:1.4; }
    .memProfile .txtWrap>dl>dd li:before { top:7px; width:3px; height:3px; }
    .memProfile .btnClose { top:20px; right:20px; width:15px; height:15px; background-size:100%; }
}
@media all and (max-width: 480px) {
    .memPartList>ul>li { width:46.032%; }
    .memProfile { padding:30px 10px 20px; }
    .memProfile .thumb { width:160px; padding-top:214px; }
    .memProfile .btnClose { top:10px; right:10px; }
}

/* 연혁 */
.historyCon { margin-top:70px; }
.historyCon>h4 { font-size:34px; font-weight:500; color:#000; text-align:center; }
.historyCon .topTxt { margin-top:40px; font-size:17px; font-weight:300; line-height:1.5; text-align:center; }
.historyCon .topTxt>span { display:block; }
.historyCon .inner { position:relative; margin-top:70px; padding-left:38.334%; }
.historyCon .inner .img { position:absolute; top:0; left:0; width:33.334%; }
.historyCon .inner .img>span { display:block; margin-top:5px; }
.historyCon .inner .img>span img { width:100%; }
.historyCon .inner .hisList { padding-left:8px; }
.historyCon .hisList>li { position:relative; padding:15px 0; }
.historyCon .hisList>li:first-child { padding:2px 0 18px; }
.historyCon .hisList>li:before,
.historyCon .hisList>li:after { content:''; position:absolute; left:0; width:1px; height:50%; background-color:#dedede; }
.historyCon .hisList>li:before { top:0; }
.historyCon .hisList>li:after { bottom:0; }
.historyCon .hisList>li:first-child:before { top:9px; }
.historyCon .hisList>li.last:after { display:none; }
.historyCon .hisList>li>div { padding-left:45px; font-size:20px; font-weight:500; color:#642377; }
.historyCon .hisList>li>div:before { content:''; position:absolute; top:5px; left:-9px; width:17px; height:17px; background-color:#fff; border:1px solid #642377; border-radius:50%; z-index:1; }
.historyCon .hisList>li>div:after { content:''; position:absolute; top:11px; left:-3px; width:7px; height:7px; background-color:#642377; border-radius:50%; z-index:1; }
.historyCon .hisList>li>p { position:relative; padding-left:45px; line-height:1.4; }
.historyCon .hisList>li>p:before { content:''; position:absolute; top:8px; left:-3px; width:7px; height:7px; background-color:#ef5064; border-radius:50%; z-index:1; }
.historyCon .hisList>li>p>em { float:left; min-width:5em; margin-right:8px; letter-spacing:-0.02em; }
.historyCon .hisList>li>p>span { overflow:hidden; display:block; font-weight:300; letter-spacing:-0.01em; }

@media all and (max-width: 960px) {
    .historyCon { margin-top:50px; }
    .historyCon>h4 { font-size:26px; }
    .historyCon .topTxt { margin-top:30px; font-size:16px; }
    .historyCon .topTxt>span { display:inline; }
    .historyCon .inner { margin-top:35px; padding-left:0; }
    .historyCon .inner .img { position:static; width:auto; margin:0 -0.5% 35px; font-size:0; letter-spacing:-4px; }
    .historyCon .inner .img>span { display:inline-block; width:49%; margin:0 0.5%; font-size:16px; letter-spacing:normal; }
    .historyCon .hisList>li>div { padding-left:40px; font-size:19px; }
    .historyCon .hisList>li>div:before { top:4px; }
    .historyCon .hisList>li>div:after { top:10px; }
    .historyCon .hisList>li>p { padding-left:40px; }
}
@media all and (max-width: 640px) {
    .historyCon { margin-top:40px; }
    .historyCon>h4 { font-size:23px; }
    .historyCon .topTxt { margin-top:20px; font-size:14px; }
    .historyCon .inner { margin-top:25px; }
    .historyCon .inner .img { margin:0 -0.5% 30px; }
    .historyCon .hisList>li { padding:11px 0; }
    .historyCon .hisList>li>div { padding-left:26px; font-size:16px; }
    .historyCon .hisList>li>div:before { top:3px; width:16px; height:16px; }
    .historyCon .hisList>li>div:after { top:9px; width:6px; height:6px; }
    .historyCon .hisList>li>p { padding-left:26px; font-size:14px; }
    .historyCon .hisList>li>p:before { top:7px; width:6px; height:6px; }
    .historyCon .hisList>li>p>em { margin-right:6px; }
}
@media all and (max-width: 480px) {
    .historyCon .inner .img>span { overflow:hidden; position:relative; display:block; width:auto; margin:0; padding-top:50%; }
    .historyCon .inner .img>span + span { display:none; }
    .historyCon .inner .img>span img { position:absolute; left:0; bottom:-5%; width:100%; }
}

/* 조직도 */
.orgChart { margin-top:80px; }
.orgChart>ol { margin-bottom:70px; text-align:center; }
.orgChart .org01>div { display:inline-block; min-width:400px; padding:5px 6px; background-color:#eeeefa; border:1px solid #cdd0f5; border-radius:45px; font-size:20px; color:#fff; letter-spacing:-0.04em; }
.orgChart .org01>div>span { display:block; padding:28px 15px 29px; background:url(../images/art/bg_org_gradient.jpg) center no-repeat; background-size:cover; border-radius:50px; }
.orgChart .org01>div>span>span { display:inline-block; }
.orgChart .org02 { position:relative; margin-left:50%; padding:25px 0 25px 12%; text-align:left; }
.orgChart .org02:before { content:''; position:absolute; left:0; bottom:0; width:1px; height:100%; background-color:#a6c1ec; z-index:-1; }
.orgChart .org02:after { content:''; position:absolute; top:50%; left:0; width:25%; height:1px; background-color:#a6c1ec; z-index:-1; }
.orgChart .org02>div { position:relative; display:table; width:128px; height:128px; background-color:#f9fbff; border:1px solid #92b3e8; border-radius:50%; font-size:16px; text-align:center; }
.orgChart .org02>div:before,
.orgChart .org02>div:after { content:''; position:absolute; top:50%; left:0; border-radius:50%; z-index:1; }
.orgChart .org02>div:before { width:14px; height:14px; margin:-7px 0 0 -7px; background-color:#fff; }
.orgChart .org02>div:after { width:10px; height:10px; margin:-5px 0 0 -5px; background-color:#2765c8; }
.orgChart .org02>div>span { display:table-cell; width:100%; border-radius:50%; color:#15499e; vertical-align:middle; }
.orgChart .org03>ul { position:relative; max-width:754px; margin:0 auto; font-size:0; letter-spacing:-4px; }
.orgChart .org03>ul:after { content:''; position:absolute; top:0; left:25%; width:50%; height:1px; background-color:#a6c1ec; z-index:-1; }
.orgChart .org03>ul>li { position:relative; display:inline-block; width:50%; padding-top:35px; font-size:16px; vertical-align:top; letter-spacing:normal; }
.orgChart .org03>ul>li:after { content:''; position:absolute; left:50%; top:0; width:1px; height:34px; background-color:#a6c1ec; z-index:-1; }
.orgChart .org03 .depart>div { position:relative; display:table; width:168px; height:168px; margin:0 auto; background-color:#f9fbff; border:1px solid #92b3e8; border-radius:50%; text-align:center; }
.orgChart .org03 .depart>div:before,
.orgChart .org03 .depart>div:after { content:''; position:absolute; top:0; left:50%; border-radius:50%; z-index:1; }
.orgChart .org03 .depart>div:before { width:14px; height:14px; margin:-7px 0 0 -7px; background-color:#fff; }
.orgChart .org03 .depart>div:after { width:10px; height:10px; margin:-5px 0 0 -5px; background-color:#2765c8; }
.orgChart .org03 .depart>div>span { display:table-cell; width:100%; border-radius:50%; color:#15499e; vertical-align:middle; }
.orgChart .org03 .depart>div>span>i { display:block; padding:56px 5px 0; background-position:center top; background-repeat:no-repeat; font-style:normal; }
.orgChart .org03 .depart .icon01 { background-image:url(../images/art/icon_org01.png); }
.orgChart .org03 .depart .icon02 { background-image:url(../images/art/icon_org02.png); }

@media all and (max-width: 960px) {
    .orgChart { margin-top:50px; }
    .orgChart>ol { margin-bottom:40px; }
    .orgChart .org01>div { min-width:auto; font-size:18px; }
    .orgChart .org01>div>span { padding:18px 40px 19px; }
    .orgChart .org02 { padding:17px 0 17px 12%; }
    .orgChart .org02>div { width:115px; height:115px; font-size:15px; }
    .orgChart .org03>ul>li { padding-top:30px; font-size:15px; }
    .orgChart .org03 .depart>div { width:140px; height:140px; }
    .orgChart .org03 .depart>div>span>i { padding-top:45px; background-size:auto 33px; }
}
@media all and (max-width: 640px) {
    .orgChart { margin-top:30px; }
       .orgChart .org01>div { font-size:17px; }
    .orgChart .org02>div { font-size:14px; }
    .orgChart .org03>ul>li { font-size:14px; }
}

/* BI소개 */
.biIntro .topTxt { font-size:17px; font-weight:300; line-height:1.5; text-align:center; }
.biIntro .topTxt>span { display:block; }
.biIntro .sTit { margin:75px 0 28px; text-align:center; }
.biIntro .imgBox { padding:70px 5%; border:1px solid #dedede; text-align:center; }
.biIntro .btnLk { margin-top:90px; }

@media all and (max-width: 960px) {
    .biIntro .topTxt { font-size:16px; }
    .biIntro .topTxt>span { display:inline; }
    .biIntro .sTit { margin:45px 0 18px; }
    .biIntro .imgBox { padding:40px 5%; }
    .biIntro .btnLk { margin-top:50px; }
}
@media all and (max-width: 640px) {
    .biIntro .topTxt { font-size:15px; }
    .biIntro .imgBox { padding:40px 8%; }
}

/* 오시는 길 */
.visitWrap .topTxt { margin-bottom:35px; font-size:18px; color:#000; line-height:1.5; text-align:center; }
.visitWrap .map { width:100%; height:500px; border:1px solid #dedede; box-sizing:border-box; }
.visitWrap .busInfo>dt { margin:28px 0 17px; font-size:17px; color:#151515; }
.visitWrap .busInfo>dt:first-child { margin-top:0; }
.visitWrap .busInfo>dt>span { position:relative; display:inline-block; margin-left:10px; padding-left:10px; }
.visitWrap .busInfo>dt>span:before { content:''; position:absolute; top:4px; left:0; width:1px; height:13px; background-color:#dedede; }
.visitWrap .subwayInfo,
.visitWrap .busInfo>dd { overflow:hidden; margin:10px 0 0 1px; font-size:17px; font-weight:300; }
.visitWrap .subwayInfo>em,
.visitWrap .busInfo>dd>em { float:left; display:inline-block; min-width:5.5em; margin-right:18px; padding:3px 5px 5px; border-radius:15px; font-size:15px; color:#fff; text-align:center; vertical-align:middle; }
.visitWrap .busInfo>dd>em.col01 { background-color:#1f81e7; }
.visitWrap .busInfo>dd>em.col02 { background-color:#01a27c; }
.visitWrap .busInfo>dd>em.col03 { background-color:#cf481e; }
.visitWrap .subwayInfo>em.col01 { background-color:#06186f; }
.visitWrap .subwayInfo>span,
.visitWrap .busInfo>dd>span { overflow:hidden; display:block; padding-top:1px; line-height:1.4; }
.visitWrap .subwayInfo>span>span { font-weight:400; color:#06186f; }
.visitWrap .numTxtList { font-size:17px; font-weight:300; }
.visitWrap .numTxtList>li { overflow:hidden; margin-top:5px; }
.visitWrap .numTxtList>li>i { float:left; width:21px; height:21px; line-height:21px; margin-right:8px; background-color:#222; border-radius:50%; font-size:16px; color:#fff; text-align:center; font-style:normal; }
.visitWrap .numTxtList>li>span { overflow:hidden; display:block; line-height:1.4; }

/*오시는길 new*/
.parking_floor {display: flex; margin-bottom: 40px;}
.parking_floor li {display: flex; margin-right: 40px;}
.parking_floor_box {display: flex; width: 495px; height: 273px; border: 2px solid #D9D9E2; align-items: center; justify-content: center; flex-wrap: wrap;}
.parking_floor_box .ico {display: block; width: 100px; height: 86px; font-size: 0; margin-right: 64px;}
.parking_floor_box .ico1 {background: transparent url('../images/art/img_parking_B1.png') no-repeat 0 0/contain;}
.parking_floor_box .park_tit {font-size: 18px;  font-weight: 500;  margin-bottom: 15px;}
.parking_floor_box .park_num {font-size: 30px; font-weight: 600; margin-bottom: 15px;}
.parking_floor_box .ico2 {background: transparent url('../images/art/img_parking_B2.png') no-repeat 0 0/contain;}
.visitWrap .busInfo>dd>em.col04 {min-width: 7em; border: 2px solid #333; color: #000; font-weight: 500;}

@media all and (max-width: 960px) {
    .visitWrap .topTxt { margin-bottom:20px; font-size:16px; }
    .visitWrap .busInfo>dt { margin:25px 0 14px; font-size:15px; }
    .visitWrap .busInfo>dt>span { margin-left:7px; padding-left:7px; }
    .visitWrap .busInfo>dt>span:before { height:11px; }
    .visitWrap .subwayInfo,
    .visitWrap .busInfo>dd { margin-top:7px; font-size:15px; }
    .visitWrap .subwayInfo>em,
    .visitWrap .busInfo>dd>em { margin-right:13px; font-size:13px; }
    .visitWrap .numTxtList { font-size:15px; }
    .visitWrap .numTxtList>li>i { width:19px; height:19px; line-height:19px; font-size:13px; }
    
    .parking_floor li {width: 100%; margin-right: 10px;}
	.parking_floor_box {width: 100%; height: 194px; flex-direction: column;}
	.parking_floor_box .ico {width: 52px; height: 45px; margin-right: 0; margin-bottom: 20px;}
	.parking_floor_box .park_tit {font-size: 13px; text-align: center; margin-bottom: 5px;}
	.parking_floor_box .park_num {font-size: 15px; text-align: center; margin-bottom: 5px;}
    
}
@media all and (max-width: 640px) {
    .visitWrap .topTxt { font-size:15px; }
    .visitWrap .busInfo>dt { font-size:14px; }
    .visitWrap .subwayInfo,
    .visitWrap .busInfo>dd {  font-size:14px; }
    .visitWrap .numTxtList { font-size:14px; }
}

/* 음반 */
.albumList { margin-top:60px; }
.albumList .typeSelect { margin-bottom:40px; font-size:0; text-align:right; letter-spacing:-4px; }
.albumList .typeSelect>p { display:inline-block; margin-right:9px; font-size:16px; font-weight:300; color:#777; vertical-align:middle; letter-spacing:normal; }
.albumList .typeSelect .buttonSelect { min-width:120px; font-size:16px; text-align:left; vertical-align:middle; letter-spacing:normal; }
.albumList>ul { overflow:hidden; margin:0 -2.1035%; font-size:0; letter-spacing:-4px; }
.albumList>ul>li { display:inline-block; width:20.793%; margin:0 2.1035% 3%; font-size:16px; text-align:center; vertical-align:top; letter-spacing:normal; }
.albumList>ul>li a { display:block; text-decoration:none; }
.albumList>ul>li .thumb { overflow:hidden; position:relative; display:block; width:100%; height:0; padding-top:100%; }
.albumList>ul>li .thumb img { position:absolute; top:0; left:0; width:100%; min-height:100%; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
.albumList>ul>li .txtWrap { display:block; padding:8.5% 6% 8%; border:1px solid #dedede; border-top:none; }
.albumList>ul>li .txtWrap>span { display:block; font-weight:300; color:#7c7c7c; }
.albumList>ul>li .txtWrap>em { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:12px; font-size:18px; color:#222; }
.albumList>ul>li a:hover .thumb img { -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.albumList + .pageNav { margin-top:32px; }

.albumInfo { position:relative; max-width:380px; margin:0 auto; padding:60px 50px 40px; background-color:#fff; }
.albumInfo .thumb { overflow:hidden; position:relative; display:block; width:79%; height:0; margin:0 auto 25px; padding-top:79%; font-size:16px; text-align:center; }
.albumInfo .thumb img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.albumInfo .txtWrap>div { padding-bottom:25px; border-bottom:1px solid #dedede; }
.albumInfo .txtWrap>div>em { display:block; font-size:31px; font-weight:600; color:#111; }
.albumInfo .txtWrap>div>span { display:block; margin-top:16px; font-size:18px; font-weight:300; color:#777; }
.albumInfo .txtWrap>div>span>span { position:relative; display:inline-block; padding:0 10px; vertical-align:top; }
.albumInfo .txtWrap>div>span>span:before { content:''; position:absolute; top:3px; left:0; width:1px; height:16px; background-color:#dedede; }
.albumInfo .txtWrap>div>span>span:first-child:before { display:none; }
.albumInfo .txtWrap>dl { margin-top:25px; text-align:left; }
.albumInfo .txtWrap>dl>dt { margin-bottom:16px; font-size:20px; color:#222; }
.albumInfo .txtWrap>dl>dd { overflow-y:auto; max-height:185px; padding:0 15px 0 2px; font-weight:300; }
.albumInfo .txtWrap>dl>dd li { margin-top:9px; line-height:1.5; }
.albumInfo .txtWrap>dl>dd li:first-child { margin-top:0; }
.albumInfo .txtWrap>dl>dd li>span { padding-left:35px; }
.albumInfo .btnClose { overflow:hidden; position:absolute; top:30px; right:30px; width:24px; height:24px; background:url(../images/art/btn_pop_close.png) center no-repeat; text-indent:-999px; }

@media all and (max-width: 960px) {
    .albumList { margin-top:30px; }
    .albumList .typeSelect { margin-bottom:20px }
    .albumList>ul>li { width:29.12633%; }
    .albumList>ul>li .txtWrap>span { font-size:14px; }
    .albumList>ul>li .txtWrap>em { margin-top:9px; font-size:16px; }
    .albumInfo { padding:50px 35px 40px; }
    .albumInfo .thumb { width:64%; padding-top:64%; }
    .albumInfo .txtWrap>div>em { font-size:28px; }
    .albumInfo .txtWrap>div>span { font-size:16px; }
    .albumInfo .txtWrap>dl>dt { font-size:18px; }
    .albumInfo .txtWrap>dl>dd { font-size:15px; }
    .albumInfo .btnClose { top:20px; right:20px; }
}
@media all and (max-height: 800px) {
    .albumInfo .thumb { width:55%; margin:0 auto 15px; padding-top:55%; }
    .albumInfo .txtWrap>div>em { font-size:20px; }
    .albumInfo .txtWrap>div>span { margin-top:8px; }
    .albumInfo .txtWrap>dl>dd { max-height:100px; }
}    
@media all and (max-width: 640px) {
    .albumList .typeSelect>p { font-size:15px; }
    .albumList .typeSelect .buttonSelect { font-size:15px; }
    .albumList>ul { margin:0 -1.079%; }
    .albumList>ul>li { width:47.842%; margin:0 1.079% 2.8%; }
    .albumList>ul>li .txtWrap>span { font-size:13px; }
    .albumList>ul>li .txtWrap>em { margin-top:9px; font-size:15px; }
    .albumInfo { padding:40px 20px 20px; }
    .albumInfo .thumb { margin:0 auto 20px; }
    .albumInfo .txtWrap>div { padding-bottom:20px; }
    .albumInfo .txtWrap>div>em { font-size:24px; }
    .albumInfo .txtWrap>div>span { margin-top:14px; font-size:14px; }
    .albumInfo .txtWrap>dl { margin-top:22px; }
    .albumInfo .txtWrap>dl>dt { margin-bottom:14px; font-size:16px; }
    .albumInfo .txtWrap>dl>dd { max-height:130px; font-size:13px; }
    .albumInfo .btnClose { width:15px; height:15px; background-size:100%; }
}
@media all and (max-width: 480px) {
    .albumInfo { padding:30px 10px 20px; }
    .albumInfo .btnClose { top:10px; right:10px; }
}
@media all and (max-height: 600px) {
    .albumInfo .txtWrap>dl>dd { max-height:75px; }
}

/* 자원봉사안내 */
.designLayout02 { max-width:1080px; margin:0 auto; }
.designLayout02 .topTxt { margin-bottom:45px; font-size:18px; font-weight:300; line-height:1.45; }
.designLayout02 .topTxt.volunteer { position:relative; min-height:236px; padding:20px 34% 50px 0; background:url(../images/commu/bg_volunteer.png) right top no-repeat; background-size:32% auto; border-bottom:1px solid #e6e6e6; }
.designLayout02 .topTxt>ul { margin-top:35px; }
.designLayout02 .topTxt>ul>li { overflow:hidden; margin-top:10px; font-weight:400; }
.designLayout02 .topTxt>ul>li>em { float:left; margin-right:20px; padding:4px 12px; background-color:#434a81; border-radius:5px; color:#fff; }
.designLayout02 .topTxt>ul>li>em>i { font-style:normal; padding-left:1.8em; }
.designLayout02 .topTxt>ul>li>span { overflow:hidden; display:block; margin-top:4px; }
.designLayout02 .txtWrap { margin-right:-3%; font-size:0; letter-spacing:-4px; }
.designLayout02 .txtWrap>div { display:inline-block; width:47%; padding-right:3%; font-size:18px; vertical-align:top; letter-spacing:normal; }
.designLayout02 .txtWrap .txt { margin-bottom:30px; }
.designLayout02 .txtWrap .txt>dt { margin-bottom:12px; font-size:19px; color:#ff5f51; font-weight:500; }
.designLayout02 .txtWrap .txt>dd { font-weight:300; line-height:1.4; }
.designLayout02 .dotTxtList { margin-top:0; }
.designLayout02 .dotTxtList>li { font-size:18px; }

@media all and (max-width: 960px) {
    .designLayout02 .topTxt { margin-bottom:35px; font-size:15px; }
    .designLayout02 .topTxt.volunteer { min-height:auto; padding:0 0 30px 0; background:none; }
    .designLayout02 .topTxt>ul { margin-top:25px; }
    .designLayout02 .txtWrap>div { font-size:15px; }
    .designLayout02 .txtWrap .txt { margin-bottom:25px; }
    .designLayout02 .txtWrap .txt>dt { font-size:16px; }
    .designLayout02 .dotTxtList>li { font-size:15px; }
}
@media all and (max-width: 640px) {
    .designLayout02 .topTxt { font-size:14px; }
    .designLayout02 .topTxt>p { text-align:justify; }
    .designLayout02 .topTxt>ul { margin-top:20px; }
    .designLayout02 .topTxt>ul>li { margin-top:13px; }
    .designLayout02 .topTxt>ul>li>em { float:none; display:inline-block; margin-right:0; padding:3px 10px 4px; }
    .designLayout02 .txtWrap { margin-right:0; }
    .designLayout02 .txtWrap>div { display:block; width:auto; padding-right:0; font-size:14px; }
    .designLayout02 .txtWrap .txt>dt { font-size:15px; }
    .designLayout02 .dotTxtList>li { font-size:14px; }
}

/* 사이트맵 */
.siteMap>ul { margin:0 -1.6%; font-size:0; letter-spacing:-4px; }
.siteMap>ul>li { display:inline-block; width:21.8%; margin:0 1.6% 20px; font-size:16px; vertical-align:top; letter-spacing:normal; }
.siteMap>ul>li>h4 { display:table; width:100%; height:3.7em; border-top:1px solid #111; border-bottom:1px solid #dedede; font-size:20px; font-weight:500; color:#111; text-align:center; }
.siteMap>ul>li>h4>span { display:table-cell; vertical-align:middle; }
.siteMap>ul>li>ul { padding:27px 7%; font-weight:300; }
.siteMap>ul>li>ul>li { margin-top:20px; font-size:17px; }
.siteMap>ul>li>ul>li:first-child { margin-top:0; }
.siteMap>ul>li>ul>li>a { position:relative; display:inline-block; padding-left:23px; }
.siteMap>ul>li>ul>li>a:before { content:''; position:absolute; top:9px; left:0; width:5px; height:5px; background-color:#999; border-radius:50%; }
.siteMap>ul>li>ul>li>ul { margin:16px 0 21px 24px; }
.siteMap>ul>li>ul>li>ul>li { margin-top:7px; }
.siteMap>ul>li>ul>li>ul>li:first-child { margin-top:0; }
.siteMap>ul>li>ul>li>ul>li>a { position:relative; display:inline-block; padding-left:15px; font-size:16px; color:#666; }
.siteMap>ul>li>ul>li>ul>li>a:before { content:''; position:absolute; top:9px; left:0; width:6px; height:1px; background-color:#999; }

@media all and (max-width: 960px) {
    .siteMap>ul>li { width:46.8%; }
    .siteMap>ul>li>h4 { font-size:18px; }
    .siteMap>ul>li>ul { padding:25px 5%; }
    .siteMap>ul>li>ul>li { margin-top:18px; font-size:16px; }
    .siteMap>ul>li>ul>li>a { padding-left:20px; }
    .siteMap>ul>li>ul>li>a:before { top:8px; width:4px; height:4px; }
    .siteMap>ul>li>ul>li>ul { margin:15px 0 20px 22px; }
    .siteMap>ul>li>ul>li>ul>li { margin-top:6px; }
    .siteMap>ul>li>ul>li>ul>li>a { padding-left:13px; font-size:15px; }
    .siteMap>ul>li>ul>li>ul>li>a:before { top:8px; }
}
@media all and (max-width: 640px) {
    .siteMap>ul>li>h4 { font-size:17px; }
    .siteMap>ul>li>ul>li { margin-top:15px; font-size:15px; }
    .siteMap>ul>li>ul>li>a { padding-left:15px; }
    .siteMap>ul>li>ul>li>a:before { top:7px; }
    .siteMap>ul>li>ul>li>ul { margin:13px 0 18px 17px; }
    .siteMap>ul>li>ul>li>ul>li>a { font-size:14px; }
}

@media only print {
    body {background:#fff;margin:1cm;padding:0;page-break-after:always;font-size:14px;}
    
    #header {display:none;}
    .sideNav {display:none;}
    .subTop {display:none;}
    #content {margin:0;padding:0;}
    #footer {display:none;}
    
    @page {
        size:A4;
        margin:1em;
        padding: 0;
    }
}
@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}