html { position: relative; min-height: 100%; }
html, body { margin: 0; }
body { background-color: #ebebeb; line-height: 1.5; margin: 0 0 100px; }
a { text-decoration: none; color: #000 }
a img { border: none; }
img { max-width: 100%; }
fieldset { margin: 0; padding: 0; border: none; }
form { margin: 0; }
input:focus,
textarea:focus { outline: none; }
.customSelect { padding: 0.2em 0.6em 0.3em; background: #c6c6c6 url(../images/select_arrow.gif) no-repeat right center; color: #7d7d7d; text-align: left; }
.ie textarea { white-space: pre; }

body.overflow_hidden { overflow: hidden; }

/* Global Class */
.CLR:before,
.CLR:after { content: ""; display: table; }
.CLR:after { clear: both; }
.CLR { zoom: 1; /* For IE 6/7 */ }

.image_block,
.image_block a,
.image_block img { display: block; }

.BS { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.IB { display: inline-block; }

.MT_XS { margin-top: .2em; }
.MT_S  { margin-top: .5em; }
.MT_M  { margin-top: 1em; }
.MT_L  { margin-top: 1.5em; }
.MT_XL { margin-top: 3.5em; }
.MT_XXL { margin-top: 5em; }
.MT_XXXL{ margin-top: 8em; }

.FS_XS { font-size: .7em; }
.FS_S  { font-size: .8em; }
.FS_L  { font-size: 1.2em; }
.FS_XL { font-size: 1.45em; }
.FB_S  { font-weight: 400; }
.FB_M  { font-weight: 700; }
.FB_L  { font-weight: 700; }
.FC_1 { color: #e56200; }
.FC_2 { color: #0065b7; }
.FC_3 { color: #34ad3a; }
.FC_4 { color: #999; }
.FC_5 { color: #666; }
.FC_6 { color: #34ad3a; }
.FC_7 { color: #C0504D; }
.FU { font-style: italic; }

.LH_S { line-height: 1.2 }

.AR { text-align: right; }
.AC { text-align: center; }

.BT { display: inline-block; margin: 0 .8em; padding: .2em 1em .35em; border: 1px solid rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1); text-align: center; font-weight: 700; background: #ebebeb; cursor: pointer; vertical-align: middle; }
.BT.s { font-size: .8em; }
.BT.sg { padding: .5em .3em .7em; font-size: .8em; font-weight: normal; border-color: #ccc; color: #999; line-height: 1.3; }
.BT.l { font-size: 1.4em; }
.BT:first-child { margin-left: 0; }
a.BT { text-decoration: none; }
.popup .BT { background-color: #fff; }

.IDN { word-spacing: 1em; }
.IDN a { display: inline-block; padding: 0 .3em; color: #999; }
.IDN a:first-child { padding-left: 0; }
.IDN a:hover, .IDN a.current { color: #000; }

.mfp-arrow { z-index: 1046; padding: .1em; font-size: 2.5em; cursor: pointer; color: #fff; }
.mfp-arrow:after, .mfp-arrow:before { margin: 0 !important; border: none !important; }
.mfp-arrow-left { text-align: left; }
.mfp-arrow-right { text-align: right; }

.tab_cache { display: none; }

/* Colum Style */
.col { display: block; float: left; margin: 0 0 0 4%; }
.col:first-child { margin-left: 0 !important; }
#content .col { margin-left: 5.9%; }
#content .col.s1 { width: 2.925%; }
#content .col.s2 { width: 11.75%; }
#content .col.s3 { width: 20.57%; }
#content .col.s4 { width: 29.4%; }
#content .col.s5 { width: 38.22%; }
#content .col.s6 { width: 47.05%; }
#content .col.s7 { width: 55.87%; }
#content .col.s8 { width: 64.7%; }
#content .col.s9 { width: 73.52%; }
#content .col.s10 { width: 82.35%; }
#content .col.s11 { width: 91.17%; }
#content .col.s12 { width: 100%; }

#container { position: relative; margin: 0 auto; padding: 2.438em 1.563em; max-width: 1560px; }
#nav { position: fixed; z-index: 1; left: 0; top: 2.438em; width: 100%; }
#nav .nav_head { display: none; }
#nav .nav_wrap { margin: 0 auto; max-width: 1560px; }
#nav .nav { width: 17.3%; }
#nav .nav.hall { float: left; margin: 0 0 0 1.563em; }
#nav .nav.gall { float: right; margin: 0 1.563em 0 0; }
#nav .nav ul { padding: 0; list-style: none; font-weight: 700 }
#nav .nav > ul { margin: 2em 0 0; padding: 0; list-style: none; font-weight: 700 }
#nav .nav ul ul { margin: 0 0 0 1.7em; font-size: .75em }
#nav .nav a { color: #959595; text-decoration: none }
#nav .nav a.current, #nav .nav a:hover { color: #000 }
#nav .nav .logo a { display: inline-block; }
#nav .nav .logo a img { width: 87px; height: auto; max-width: 100%; }
#nav .nav .logo a img:first-child { margin-right: .5em; }
#nav .nav .logo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
#nav .nav .icon-facebook:before { content: "\e900"; }
#nav .nav .icon-instagram:before { content: "\e901"; }
#nav .nav .icon-youtube:before { content: "\e902"; }
#nav .nav .ico { margin-top: .5em; }
#nav .nav .ico i { display: inline-block; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; margin-right: .5em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#nav .nav .ico i:first-child {  }
.sitemode_hall #nav .nav.gall .sns,
.sitemode_gall #nav .nav.hall .sns { display: none; }
#nav .nav .sns { margin-top: .5em; }
#nav .nav .sns a { display: block; margin-top: .2em; }
#nav .nav.gall .sns { float: right; }
#content { z-index: 10; margin: 0 17.3%; padding-bottom: 100px; width: 65.4%; }
#content_title { display: none; }
#footer { position: absolute; bottom: 0; z-index: 10; padding: 0 1.563em 2em; width: 100%; background-color: #ebebeb; }
#footer .wrap { margin: 0 auto; max-width: 1560px; min-height: 100px; }
#footer .CLR { margin: 0 17.3%; padding-top: 20px; width: 65.4%; border-top: 1px solid #000; }
#footer .col { width: 21%; }
#footer .col:first-child { width: 50%; }
#footer .col:first-child .box { position: relative; padding-left: 75px; width: 100%; }
#footer .col:first-child .box a.lg { position: absolute; left: 0; top: 0; }
#footer .more span.ml { cursor: pointer; }
#footer .more span.m { display: block; }
#footer .more span.l { display: none; }
#footer .more .introduct { display: none; }
#footer .more.opened span.m { display: none; }
#footer .more.opened span.l { display: block; }
#footer .more.opened .introduct { display: block; }
#intro_logo { display: block; position: fixed; z-index: 2; top: 50%; left: 50%; margin: -80px 0 0 -45px; width: 90px; height: 120px; }
#intro { position: fixed; z-index: 1; width: 100%; height: 100%; }
#intro .col { float: left; margin: 0; width: 50%; height: 100%;  }
#intro .col a { display: block; position: relative; width: 100%; height: 100%; }
#intro .col a img { display: block; position: absolute; top: 50%; margin-top: -32px; }
#intro .col a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
#intro .hall { background: url(../images/intro_1.jpg) no-repeat center top; background-size: cover; }
#intro .hall a img { left: 64px; height: 24px; }
#intro .gall { background: url(../images/intro_2.jpg) no-repeat center top ; background-size: cover; }
#intro .gall a img { right: 64px; height: 24px; }

.sitemode_hall #nav .nav.gall ul,
.sitemode_gall #nav .nav.hall ul { display: none; }
.sitemode_hall #nav .nav.hall .logo,
.sitemode_gall #nav .nav.gall .logo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.hall_concert_periodical .program { margin-top: 2.5em; padding-top: .7em; border-top: 1px solid #000 }
.hall_concert_periodical .program .up { float: right; }
.hall_concert_periodical .program .over { display: none; }
.hall_concert_periodical .program:hover .over { display: block; }
.hall_concert_periodical .program a { display: block; padding-right: 100px; }
.hall_concert_periodical .program.p1,
.hall_concert_periodical .program.p2 { margin-top: 1.2em; }

.hall_concert_past .image_block { position: relative; max-height: 400px; overflow: hidden; }
.hall_concert_past .image_block a { display: block; }
.hall_concert_past .image_block a img {  }

#content.hall_calendar .calendar .col { margin-left: 2%; width: 12.57%; padding-top:2em; }
.hall_calendar .calendar.week { text-align: left; }
.hall_calendar .calendar.days .col { position: relative; padding: .3em 0 .5em; min-height: 6.700em; border-top: 1px solid #838383; line-height: 1.3; }
.hall_calendar .calendar.days .col span.day { position: absolute; left: 0; top: .3em; }
.hall_calendar .calendar.days .col a.BT { margin: .3em 0 0; padding: .2em .5em .3em; }
.hall_calendar .calendar.days .col a.C { display: block; font-size: 14px; }
.hall_calendar .calendar.days .col a.C span { display: block; font-size: 14px; }
.hall_calendar .calendar.days .col a + a { margin-top: .3em; }
.hall_calendar .calendar.days .col.close { min-height: auto; }
.hall_calendar .calendar.rows1 .col { border-top: 1px solid #838383; }
.hall_calendar .calendar.days .holiday span.day { color: #AAA;}
.hall_calendar .calendar.days .holiday span.C { display: block;}
.hall_calendar .head { position: relative; min-height: 7.250em; }
.hall_calendar .head h3 { text-align: center; }
.hall_calendar .head .legend { position: absolute; right: 0; top: 0; }
.hall_calendar .type1 { color: #FF5E00; }
.hall_calendar .type2 { color: #0065b7; }
.hall_calendar .type3 { color: #C0504D; }

.hall_concert_photo { margin-top: -.5em; }
.hall_concert_photo img { display: block; max-width: 100%; }
.hall_concert_photo .photo { float:left; margin: 1% 0 1% 2%; }
.hall_concert_photo.P10 .photo { width: 18.4%; }
.hall_concert_photo.P09 .PA { width: 23.5%; }
.hall_concert_photo.P09 .PB { width: 18.4%; }
.hall_concert_photo.P08 .photo { width: 23.5%; }
.hall_concert_photo.P07 .PA { width: 32%; }
.hall_concert_photo.P07 .PB { width: 23.5%; }
.hall_concert_photo.P06 .photo { width: 32%; }
.hall_concert_photo.P05 .PA { width: 49%; }
.hall_concert_photo.P05 .PB { width: 32%; }
.hall_concert_photo.P04 .photo { width: 49%; }
.hall_concert_photo.P03 .photo { width: 32%; }
.hall_concert_photo.P02 .photo { width: 49%; }
.hall_concert_photo.P01 .photo { width: 100%; }
.hall_concert_photo .P01,
.hall_concert_photo.P10 .P06,
.hall_concert_photo.P09 .P05,
.hall_concert_photo.P08 .P05,
.hall_concert_photo.P07 .P04,
.hall_concert_photo.P06 .P04,
.hall_concert_photo.P05 .P03,
.hall_concert_photo.P04 .P03 { margin-left: 0; }

.hall_concert_desc ul { list-style: none; margin: 0; padding: 0; }
.hall_concert_desc ul li { padding-left: .7em;background: url(/assets/common/images/concert_desc_bullet.png) no-repeat 1px 12px; }

.hall_rental .step ol { margin: .3em 0 0; padding: 0; list-style: none; line-height: 1.2; color: #999; }
.hall_rental .step ol li.current { color: #000; }
.hall_rental .info ol { margin: 0; padding: 0 0 0 1.2em; }
.hall_rental .rule { max-height: 230px; }
.hall_rental .rule .inner { padding-right: 1em; }
.hall_rental .rule .inner ol { margin: 0; padding-left: 25px; }
.hall_rental .rule .inner span.idt { display: block; padding-left: 25px; }
.hall_rental .rule .inner span.idt span { position: absolute; margin-left: -25px; }
.hall_rental .form { margin-top: -2.35em; }
.hall_rental .form .row fieldset.type_1 { margin-left: 5%; width: 47.5%; }
.hall_rental .form .row fieldset.type_2 { width: 75%; }
.hall_rental .form .row fieldset.type_3 { margin-left: 3%; width: 31.33%; }
.hall_rental .form .row fieldset.type_4 { margin-left: 3%; width: 65.66%; }
.hall_rental .form .row fieldset.type_5 { width: 100%; }
.hall_rental .form .row fieldset.type_5 em { margin: 0.6em 0 0; padding-left: 0; padding-right: 0; width: 6%; text-align: center; }
.hall_rental .form .row fieldset.email .email_domain_select { float: left; padding-top: 10px; margin-bottom: -2px; width: 47%; height: 40px; font-size: 19.2px; }
.hall_rental .form .row fieldset.email .email_domain_select .select_inner { position: relative; }
.hall_rental .form .row fieldset.email .email_domain_select .select_inner select { width: 100%; }
.hall_rental .form .row fieldset.email .email_domain_select_bt { margin-top: 15px; }
#content.hall_rental .form .row .fieldset_select { position: relative; margin-left: 5%; padding-top: 1.9em; padding-bottom: 0; width: 47.5%; border-bottom: 1px solid #000; }
.hall_rental .form .row .fieldset_select .label { position: absolute; top: 2em; cursor: pointer; }
.hall_rental .form .row .fieldset_select .select { padding-left: 5.388em; width: 100%; }
.hall_rental .form .row .fieldset_select .select .select_inner { position: relative; width: 100%; }
.hall_rental .form .row .fieldset_select .select select { width: 100%; }
.hall_rental .form .group .title { float: left; margin-top: 2em; width: 12%; }
.hall_rental .form .group .set { float: left; width: 88%; }
.hall_rental .form .row fieldset { padding-top: 1.7em; }
.hall_rental .form .row fieldset input { margin-top: 0; }
.hall_rental .form .row fieldset textarea { margin-top: 3.6em; min-height: 200px; }
.hall_rental .form .file { width: 75%; }
.hall_rental .option h3 { padding-bottom: .3em; margin-bottom: .3em; border-bottom: 1px solid #000; }
.hall_rental .option .col { float: left; margin-left: 0 !important; }
.hall_rental .option .col.type_1 { width: 80%; }
.hall_rental .option .col.type_2 { width: 60%; }
.hall_rental .option .col.type_3 { width: 20%; }
.hall_rental .option .col.type_4 { width: 20%; }
.hall_rental .option select { width: 100px; }
.hall_rental .option .foot { padding-top: .3em; border-top: 1px solid #000; }
.hall_rental .files { width: 500px; }
.hall_rental .files .links { float: right; }
.hall_rental .files .row { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #000; }
.hall_rental .files .row h3 { width: 9em; }
.hall_rental .files .row .links { word-spacing: 2em; }
.hall_rental .files .row:first-child { border-top: 0; }
.hall_rental_edit_list .row { padding: 1em 0; border-top: 1px solid #000; }
.hall_rental_edit_form input[type=password],
.hall_rental_edit_form input[type=text] { padding: 3px 10px 4px; width: 250px; height: 25px; border: none; background-color: #ccc; font-size: 16px; font-weight: 700; vertical-align: top; }
.hall_rental_edit_form textarea { padding: 10px; width: 80%; border: none; background-color: #ccc; font-size: 16px; font-weight: 700; vertical-align: top; }
.hall_rental_edit_form .TLA { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; }
.hall_rental_edit_form .TLB { margin-top: 15px; padding-top: 30px; border-top: 1px solid #000; }
.hall_rental_edit_form .TLC { margin-top: 15px; padding-top: 15px; border-top: 1px solid #000; }

.email input,
.email em,
.email .email_domain_select { float: left; }
.email em { margin: 0 10px; }
.email .email_domain_select_bt { display: none; float: left; margin: 4px 0 0 -30px; border: 0 none; width: 20px; height: 28px; padding: 0; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFcSURBVEhL7dS/K0VhHMfxo1AkUoyIzaBMSilZpCwWf8Ati4lBGExKGQwIi0XZTAZ/gIEUShkMGMhkkVLKb+/P03P0nEN0nfMdlE+96vs8997nc+/p3BOl0owTbLqVUVRygTdsacMiYckOqpF7wpIjNKG2SCX4MadQSRaPOMcS2vFldhF/4B43v/CA+IxXrKMKidTgAHqTvlUDio0uXSumcQeddYx6JJJHWRx99hA6SzdWORIJy/a1kSE66ww6a0Qb6egN+g/Nu1W2dENF1yjVhmV0ZVTW41aGmYGKJt3KMENQ0YJbGWYUKpp1K8OsQkXDbmWUCuiOU1GLNqwyBZVsu5VR+vDsdWgj7+hxM4En6NeM4SODGEBZMFf6uT+Ye6Enh+a0AhZxBRW8QIWJ6IVb6JB4bvTzZTDradzp5+/soQufsoE16JvHc52fV4J5DirVnLaMcbThP38yUfQOt99+SOyNEWYAAAAASUVORK5CYII=) no-repeat center center/contain; font-size: 0; color: transparent; cursor: pointer; }
.email .email_domain_select { width: 250px; height: 33px; font-size: 16px; }
.email .email_domain_select .select_inner { position: relative; }
.email .email_domain_select .select_inner select { width: 100%; }
.email .email_domain_manual { display: none; }
.email #email_domain_selectbox { display: none; }
.email.manual .email_domain_select { display: none; }
.email.manual .email_domain_manual { display: block; }
.email.manual .email_domain_select_bt { display: block; }

.board select { width: 100px; }
.board .list_head { padding-bottom: .5em; border-bottom: 1px solid #000; }
.board .col.s7 a,
.board .col.s8 a,
.board .col.s9 a { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.board .notice { font-weight: 700; }
.board .list_head .total { display: inline-block; margin-top: 1.1em; }
.board .list_foot { padding-top: 1.5em; border-top: 1px solid #000; }
.board .list_foot .IDN { padding-top: 1em; padding-bottom: 1em; }
.board .list_foot .form fieldset { width: 70%; }
.board .list_foot .form fieldset span,
.board .list_foot .form fieldset input { font-size: 1em; }
.board .list_foot .form fieldset span { top: .6em; }
.board .list_foot .form .BT { margin: .5em 0 0; padding: .2em 1em .3em; font-weight: 400; font-size: 1em; }
.board .view_head { padding-top: 13px; border-top: 1px solid #000; }
.board .view_article { padding-top: 30px; padding-left: 8.825%; width: 75%; }
.board .view_article.nom { padding-left: 0; }
.board .view_article a { display: inline-block; padding-bottom: .1em; border-bottom: 1px solid #000; }
.board .list_foot .page a, .board .list_foot .page strong { display: inline-block; padding: .7em; }
.board .list_foot .page a:first-child, .board .list_foot .page strong:first-child { padding-left: 0; }

.board_single .row { position: relative; cursor: pointer; }
.board_single .info { display: none; }
.board_single .row.current span.head { font-weight: 700; }
.board_single .row.current .info { display: block; }
.board_single .row .arrow { position: absolute; top: 0em; right: 0; }

.gallery_popup .card { margin-bottom: 2em; width: 47%; }
.gallery_popup .gutter { width: 6%; }

.gall_artschool .list_head { padding-bottom: 1em; border-top: 1px solid #000; }
.gall_artschool .list_head.no_bd { border-top: 0 none; }
.gall_artschool .row { padding-top: 1.5em; border-top: 1px solid #000; }
.gall_artschool .row .s7 { margin-left: 1em !important; }
.gall_artschool .row .s3 { margin-left: 1em !important; width: 24% !important; }
.gall_artschool .row .arrow { top: 1.5em; }
.gall_artschool_apply .body { height: 35em; }
.gall_artschool_apply .form .row { margin-top: 1.8em; border-bottom: 1px solid #000; }
.gall_artschool_apply .form .row .title { float: left; margin-top: .3em; width: 40%; }
.gall_artschool_apply .form .row .select { float: right; margin-bottom: .05em; width: 60%; }
.gall_artschool_apply .form .row .select select { width: 100%; }
.gall_artschool_apply .form .choose { position: relative; }
.gall_artschool_apply .form .choose .title { margin-top: .3em; width: 36%; }
.gall_artschool_apply .form .choose .list { width: 60%; }
.gall_artschool_apply .form .choose .list a { cursor: pointer; }
.gall_artschool_apply .form fieldset span { top: .6em; }
.gall_artschool_apply .form .group { position: relative; }
.gall_artschool_apply .form .group .sex { position: absolute; right: 0; top: .6em; }
.gall_artschool_apply .form .group .sex .radio { width: 50px; }

.popup { position: relative; display: block; margin: 0 auto; max-width: 94% }
.popup .inner { padding: 3.125em; background-color: #fff; }
.popup .close_BT { position: absolute; right: 0; top: -1.5em; font-size: 36px; color: #fff; cursor: pointer; }
.popup.hall_tickets { width: 700px; }
.popup.hall_tickets .info { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #000; }
.popup.hall_tickets .info ol { margin: 0; padding: 0 0 0 1.2em; }
.popup.gall_about_detail { width: 700px; height: 825px; max-height: 100%; }
.popup.gall_about_detail .head { margin-bottom: 1.5em; }
.popup.gall_about_detail .body { margin-bottom: 2em; height: 37.6em; overflow: auto; }
.popup.gall_about_detail .body .tab_content { width: 95%; }
.popup.gall_about_detail .body .tab_content p { margin-bottom: 1.5em; }
.popup.gall_about_detail .tab { font-weight: 700; color: #999; }
.popup.gall_about_detail .tab.current { color: #000; }
.popup.gall_artschool_apply { width: 700px; }
.popup.gall_artschool_apply .inner { height: 700px; }

.apply { position: relative; display: block; margin: 0 auto; max-width: 800px }
.apply .inner { padding: 3.125em; background-color: #fff; }
.apply .inner fieldset { width: 100%; }
.apply .inner input[type=text] { margin-top: 1.4em; }

/* Cross Browsing */
.ie .BT { overflow: visible; }
.ie .form span.checkbox span, .ie .form span.radio span { margin-top: 0.2em }
.ie .scroll-x { display: none !important; }